자바스크립트로 버튼 클릭시 순서대로 숫자 호출방법
- 숫자 1부터 작성한다. count=0;
- 첫번째 버튼은 시작버튼으로 구현한다. button1.onclick=start;
- 두번째 버튼은 정지버튼으로 구현한다 button2.onclick=stop;
- 작성될 블럭을 구성한다. div1
- div1 내에 html로 작성한다. div1.innerHTML = div1. innerHTML + count(숫자카운트 더하기)
count=0;
window.onload=function(){
button1=document.getElementById("button1"); //첫 번째 버튼
button2=document.getElementById("button2"); //두 번째 버튼
div1=document.getElementById("div1");
write = function write(){
count++;
div1.innerHTML = div1.innerHTML + count;
}
start = function start(){
//화면에 1,2,3,4 찍기
auto=setInterval(write,500)//write를 0.5초마다 실행해라.
}
stop=function stop(){
clearInterval(auto);
}
button1.onclick=start;
button2.onclick=stop;
}