라이브러리 브랜드

Korean English Japanese

자바스크립트로 버튼 클릭시 순서대로 숫자 호출방법

공유하기
반응형

자바스크립트로 버튼 클릭시 순서대로 숫자 호출방법

  • 숫자 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;
    }
반응형
댓글 0
  • 라이브러리 브랜드에 새로운 의견을 남겨주세요.