테스트 사이트 - 개발 중인 베타 버전입니다

코드 해석 좀 해주세요 ㅠㅠ

· 6년 전 · 915 · 4

제이쿼리 책보면서 공부하고 있는데 이미지 박스 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개

베스트 댓글

1.
https://codepen.io/pen/ 사이트 가입 후,
코드를 이곳에 적고 문의하시면 답변할 때도 편리합니다.

2.
코드 관련 질문은 아래 좌표 이용해 보세요.
https://sir.kr/qa/

3.
질문내용이 길면 답변하는 사람도 지쳐용. ㅎ
긴 질문은 몇 개의 질문으로 나눠서 해보세요.
원댓글 보기 →
코드를 정렬해서 보세요... 그럼 잘 보여요.
글구 질문은 질문게시판으로...

$(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");

});

});
@팻시 헉 죄송합니다..
1.
https://codepen.io/pen/ 사이트 가입 후,
코드를 이곳에 적고 문의하시면 답변할 때도 편리합니다.

2.
코드 관련 질문은 아래 좌표 이용해 보세요.
https://sir.kr/qa/

3.
질문내용이 길면 답변하는 사람도 지쳐용. ㅎ
긴 질문은 몇 개의 질문으로 나눠서 해보세요.
@sinbi 감사합니다..

게시글 목록

번호 제목
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