제이쿼리 책보면서 공부하고 있는데 이미지 박스 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");
});
});
게시글 목록
| 번호 | 제목 |
|---|---|
| 1717042 | |
| 1717041 | |
| 1717036 | |
| 1717025 | |
| 1717024 | |
| 1717016 | |
| 1717014 | |
| 1717006 | |
| 1717004 | |
| 1716995 | |
| 1716986 | |
| 1716982 | |
| 1716978 | |
| 1716974 | |
| 1716968 | |
| 1716966 | |
| 1716952 | |
| 1716945 | |
| 1716934 | |
| 1716926 | |
| 1716920 | |
| 1716915 | |
| 1716914 | |
| 1716912 | |
| 1716906 | |
| 1716903 | |
| 1716902 | |
| 1716899 | |
| 1716894 | |
| 1716892 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기