Coding Feature.

JS) Creating a site that counts +1 or -1. 본문

Programming Language/JavaScript

JS) Creating a site that counts +1 or -1.

codingfeature 2023. 1. 9. 01:48

I referred to the code that is on the Internet.

<!DOCTYPE HTML>
<html>
 
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>counting up or down</title>
</head>
 
<body style="text-align: center;">
    <button id="btn">+1</button>
    <button id="btn2">-1</button>

    <p id="display">0</p>
 
    <script>
        var count = 0;
 
        document.getElementById("btn").onclick = function () {
            count++;
            document.getElementById("display").innerHTML = count;
        }
        document.getElementById("btn2").onclick = function () {
            count--;
            document.getElementById("display").innerHTML = count;
        }
    </script>
</body>
 
</html>
 
 
 

'Programming Language > JavaScript' 카테고리의 다른 글

JS) 코딩하다가 알게 된 사실. (다른 javascript 파일의 함수 사용)  (0) 2023.01.13
JS) 영화 평점 시스템 #2 grid, js 파일 여러 개 사용  (0) 2023.01.12
JS) 영화 평점 시스템 (select, option의 활용)  (0) 2023.01.12
JS) 바닐라 자바스크립트로 CRUD 구현. 맨 땅에 헤딩하기.  (0) 2023.01.11
JS) 리스트에 입력한 값 추가하는 웹  (0) 2023.01.11
'Programming Language/JavaScript' Related Articles more