강의 선생님 답 관련 문의

[최수민]

 

수고가 많으십니다 🙂 

setTimeout 하단에 선생님이 문제내신걸 보고 제가 코드를 짠 뒤 답안을 보았습니다.

선생님이 짠 코드를 테스트해보았을때 숫자가 안바뀌더군요.

그래서 제가 따로 짠 코드로 적용시킬땐 되었는데.. 선생님 답안은 안되가지고,한참을 궁금해하다 여쭤봅니다.

선생님이 답안으로 짠 코드가 왜 안되는건지 답변 부탁드립니다.

 

선생님 코드

<div class="alert alert-danger">
<span id="num">5</span>초 이내 구매시 사은품 증정
</div>

<script>

var count = 5;

setInterval(function(){
count -= 1;
if (count >= 0){
document.querySelector('#num').innerHTML = count;
}
}, 1000);

</script>

 

선생님 코드를 기반으로 제가 수정해본 코드 ( 동일하게 숫자는 바뀌지 않아요)

<div class="alert alert-danger">
<span id="num">5</span>초 이내 구매시 사은품 증정
</div>

<script>

var count = 5;

setInterval(function(){
count -= 1;
if (count >= 0){
document.querySelector('#num').innerHTML = count;
}
}, 1000);

</script>

 

 

 

[codingapple]

같아보이는데 어디가 바뀐것이죠 

[최수민]

엇. 선생님 코드로 두번 올라갔네요..

제가 여쭤본 질문의 요지는, 선생님이 답안으로 올려주신 코드가 span안의 글자가

바뀌지 않아서 왜 바뀌지 않는건지 여쭤본 부분입니다! 

해당 부분에 대한 답변 부탁드리며, 제가 별도로 짠 코드도 추가로 피드백 부탁드립니다! 

▼제가 숙제로 따로 짠 코드

var i = 5;
var 타임아웃 = setInterval(숫자감소,1000);
function 숫자감소(){
i--;
if( i >= 0 ){
document.querySelector('#num').innerHTML=i;
}else{
document.querySelector('.alert').style.display='none';
clearTimeout(타임아웃);
}
};

 

[codingapple]

아마 count라는 변수를 다른데서 쓰고있거나 그런가봅니다

[글쓴이]

글