JavaScript에서 타이머 및 DOM 조작 실습
다음과 같은 입력 필드가 주어졌다고 가정해 봅시다:
<input id="elem" value="1">
1초마다 입력 필드의 value 속성 값을
1씩 증가시키는 타이머를 만들어 봅시다:
let elem = document.querySelector('#elem');
setInterval(function() {
elem.value = Number(elem.value) + 1;
}, 1000);
위 코드에서 Number 함수를 사용하는 이유를 설명하세요.
이 함수를 쓰지 않으면 코드는 어떻게 동작할까요?
입력 필드의 value 속성 초기값이 10이라고 가정합니다.
1초마다 이 값을 1씩 감소시키는 타이머를 시작하세요.
입력 필드의 내용이 0이 되자마자 타이머가 작동을 멈추도록 이전 작업을 수정하세요.