JavaScript로 타이머 시작 버튼 만들기
이전 강의에서 우리의 타이머는 페이지가 로드되자마자 작동을 시작했습니다. 이제 클릭하면 우리의 타이머를 시작할 수 있는 버튼을 만들어 봅시다:
<button id="start">start</button>
해당하는 JavaScript를 작성해 봅시다:
let start = document.querySelector('#start');
start.addEventListener('click', function() {
let i = 0;
setInterval(function() {
console.log(++i);
}, 1000);
});
클릭하면 콘솔에 100부터 시작하여
카운트다운이 출력되는 버튼을 만드세요.