[js] 버튼 클릭 시 숫자 증가 증감

2022. 5. 27. 09:51js

<div id="counter">0</div>
  <button id="increase">+</button>
  <button id="decrease">-</button>
  <script>
    const $counter = document.getElementById('counter');
    const $increase = document.getElementById('increase');
    const $decrease = document.getElementById('decrease');

    let num = 0;
    const render = function() {$counter.innerHTML = num;};

    $increase.onclick = function(){
      num++;
      console.log('increase 버튼클릭', num);
      render();
    };

    $decrease.onclick = function(){
      num--;
      console.log('decrease 버튼 클릭', num);
      render();
    };
  </script>

'js' 카테고리의 다른 글

[Node.js] REPL(Read Eval Print Loop)  (0) 2022.05.27
[Node.js] Node.js 설치  (0) 2022.05.27
[js] 가위바위보 맞히기 (Math.random)  (0) 2022.05.26
[js]난수 Math.random  (0) 2022.05.26
[js] D-DAY 구하기 (Date)  (0) 2022.05.26