제이쿼리 책보면서 공부하고 있는데 이미지 박스 4개중에서 랜덤으로 한 곳이 당첨되는 이런 로직인데
어떻게 하다보니 쓰긴 썻는데 이해좀 하고 싶어요 ㅠㅠ
$(function() {
$(".nav").click(checkForCode);
function getRandom(num) {
var my_num = Math.floor(Math.random()*num);
return my_num;
}
var hideCode = function() {
var numRand = getRandom(4);
$(".nav").each(function(index, value){
if(numRand === index) {
$(this).append("<span id = 'has_discount'></span>");
return false;
}
});
}
hideCode();
function checkForCode() {
var discount;
if($.contains(this, document.getElementById("has_discount")))
{
var my_num = getRandom(4);
console.log(my_num);
discount = "<p>당신의 코드는 Code: "+"<strong>"+my_num+"</strong>"+"</p>";
} else {
discount = "<p>"+"아쉽네요 내일 다시 도전해주세요."+"</p>"
}
$(".nav").each(function() {
if($.contains(this, document.getElementById("has_discount")))
{
$(this).addClass("discount");
}else{
$(this).addClass("no_discount");
}
$(this).unbind('click');
});
$("#result").append(discount);
}
$(".nav").hover(
function() {
$(this).addClass("hover");
},
function() {
$(this).removeClass("hover");
});
});
댓글 4개
베스트 댓글
글구 질문은 질문게시판으로...
$(function() {
$(".nav").click(checkForCode);
function getRandom(num) {
var my_num = Math.floor(Math.random() * num);
return my_num;
}
var hideCode = function() {
var numRand = getRandom(4);
$(".nav").each(function(index, value) {
if (numRand === index) {
$(this).append("<span id = 'has_discount'></span>");
return false;
}
});
}
hideCode();
function checkForCode() {
var discount;
if ($.contains(this, document.getElementById("has_discount")))
{
var my_num = getRandom(4);
console.log(my_num);
discount = "<p>당신의 코드는 Code: " + "<strong>" + my_num + "</strong>" + "</p>";
} else {
discount = "<p>" + "아쉽네요 내일 다시 도전해주세요." + "</p>"
}
$(".nav").each(function() {
if ($.contains(this, document.getElementById("has_discount")))
{
$(this).addClass("discount");
} else {
$(this).addClass("no_discount");
}
$(this).unbind('click');
});
$("#result").append(discount);
}
$(".nav").hover(
function() {
$(this).addClass("hover");
},
function() {
$(this).removeClass("hover");
});
});
게시글 목록
| 번호 | 제목 |
|---|---|
| 1716518 | |
| 1716512 | |
| 1716495 | |
| 1716484 | |
| 1716479 | |
| 1716466 | |
| 1716451 | |
| 1716448 | |
| 1716444 | |
| 1716426 | |
| 1716422 | |
| 1716417 | |
| 1716415 | |
| 1716409 | |
| 1716395 | |
| 1716393 | |
| 1716384 | |
| 1716383 | |
| 1716375 | |
| 1716374 | |
| 1716372 | |
| 1716363 | |
| 1716358 | |
| 1716357 | |
| 1716342 | |
| 1716317 | |
| 1716316 | |
| 1716313 | |
| 1716309 | |
| 1716302 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기