고수님들 피드백조금 부탁드려도 될까요 if조건문

Question

//카운트 시작 숫자 isClicked = true; var isClicked = false; var say = '조아요를 클릭해주세요'; var count = 8; //카운트다운함수 var countdown = setInterval(function () { //해당 태그에 아래 내용을 출력ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ $("p.countdown").html("" + count + "초
"); //0초면 초기화ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ if (count == 0) { if (!count || isClicked) { clearInterval(countdown); if (!isClicked) $("p.countdown").html("" + say + "
"); } if (count == 0) { if (count || isClicked) {if (isClicked) alert('감사합니다!!'); } } }; count--;//카운트 감소 },1000); //클릭이벤트ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ var isClicked = false window.addEventListener('blur', function () { isClicked = true; console.log('Wow! Click!'); });카운트다운 8초안에 클릭이벤트가 실행되면 alert(감사합니다)출력됩니다카운트다운 8초후에 클릭이벤트가 실행되지 않으면 "조아요버튼을 눌러주세요" 라는 문구가 실행되며조아요 버튼 클릭시 alert(감사합니다) 알럿창이 실행되지 않습니다 ㅠㅠ8초안에 클릭이 실행되면 순조롭게 alert(감사합니다)도 같이 잘 뜨고 하는데요카운트다운이 이미 지나서 조아요버튼을 눌러주세요 라는 문구가 뜨서 클릭이벤트를 실행해도그이후 감사합니다 안나오고 아무 반응이 없습니다 ㅠㅠ피드백 조금 부탁드려도 될까요 엄청 헤메고 있는 초보입니다카운터가 끝나고 클릭시 라는 if문을 하나더 넣어야되는거 같은데 그려지질 안네요

dsfdcothbjerfmdp;bo · Answer

원인은 간단해요 setintervel 안에 alert 를 넣어놓으셧는데 setintervel 8초가지나면 문구가바뀜과 동시에 setintervel을 clear 하니깐 alert가 출력이안되죠 ㅋㅋ근데 그게문제가아니에요 코드를저렇게쓰시면 본인도못알아봅니다 아래는 별도의 지적입니다.일단 js로 가정하고 얘기드릴께요 아니면 말씀주세요그리고 문제를 가능하면 중첩 반복 분기로해결할려하지마세요 복잡도맛가니깐 저기도쓸모없는 분기가잇어요그리고 인덴트 똑바로해서올려주세요 인덴트땜에 읽는데 한참걸렷네요 그래서답이없는겁니다거기다가 의도하신거라면 제실력문제겟지만 제가봣을땐 브라켓도 살짝꼬엿어요 그냥코드가 고장난거같아요 정상적인 독해가안됩니다브라켓실수 인덴트실수 보면 메모장에 하신거같은데 그냥 vscode추천드립니다.코드가고장낫다는걸 그걸 알수잇는부분이if (count == 0) { if (!count || isClicked) { clearInterval(countdown); if (!isClicked) $("p.countdown").html("" + say + "
"); } if (count == 0) {0인지를 2번검사하시는데 이건 누가봐도if (count == 0) { if (!count || isClicked) { clearInterval(countdown); if (!isClicked) $("p.countdown").html("" + say + "
"); } } if (count == 0) {위를 의도하신거같아요.그리고if (count == 0) { if (count || isClicked) { if (isClicked) alert('감사합니다!!'); } }이부분 위처럼 쓰셔야 쉽게읽혀요 인덴트(들여쓰기)를 안지키니깐 본인도햇갈리는겁니다일단 두번제 분기는 존재자체가 의미가없어요 왜냐 count가 0인걸 확인햇는데요 기교부리신거같은데 쓸모가없어요||는 왼쪽부터 모든항을 차례대로보되 첫번째 true를 만나면 그값을 반환해요위에서 count는 0인게확인됫으니 isClicked를 반환하거나 false겟죠 근데 아래서또 is clicked를 체크하잖아요??is clicked가 undifined나 null 0 false 가아닌이상 통과되고 아래서 또 검사 통과 되는데데요? 마치Var a=1If(a) If(a) Console.log(check) 이런 분기를쓰신거에요 이거 고치시고요isClicked = true; var isClicked = false;이건 또뭡니까?제가 해석해보자면isClicked = true; 호이스팅을 이용해서 트루로초기화 var isClicked = false; 후 다시 폴스로초기화??그냥 폴스라고 가정할께요 이런코드는 듣도보도못햇으니그리고 if (isClicked) alert('감사합니다!!'); } } };이부분 이벤트리스너로 빼놓으시면 됩니다제가 오지랖떠는거긴한데 조언좀 더드리면 ||같은 기교 부리시지말고 호이스팅으로 이상한 기교부리시지마시고요 vscode나 intellij쓰시는게 좋습니다그리고 브라켓 인덴트 똑바로해서 질문올리셔야 답변받으실수있을껍니다 저이거 해석하는데 1시간걸렷어요..

고수님들 피드백조금 부탁드려도 될까요 if조건문

1개의 답변

#if 목록