컴퓨터는 잘못이 없다..

[JavaScript]버튼을 누를때마다 버튼 속 숫자를 1씩 증가시키기 본문

공부/JavaScript

[JavaScript]버튼을 누를때마다 버튼 속 숫자를 1씩 증가시키기

도토리까꿍v 2020. 11. 4. 20:42
Contents 접기

[Quiz ]

Q01) 아래와 같이 버튼을 클릭할 때마다 버튼 속 숫자를 1씩 증가시키시오

Q01답)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <!-- onclick="increase()" : 클릭할 때 함수를 호출해라-->
    <button id="countBtn" onclick="increase()">0</button>
    
    <script>
        
        //quiz 내용 : 버튼을 누를때마다 button의 innerText가 1씩 증가되게 해보세요.
        //주의할 점!! 함수명과 변수명이 겹치면 안된다.
        //페이지가 로딩되는 시점에 count 값을 0으로 초기화 한다. 
        var count=0;
        function increase(){
            count=count+1;
            document.querySelector("#countBtn").innerText=count;
        }

        
    </script>
</body>
</html>
​
저작자표시

'공부 > JavaScript' 카테고리의 다른 글

[JavaScript]plain object type  (0) 2020.11.04
[JavaScript]document.querySelector() 사용해보기 document.querySeletor()의 value와 innerText 사용해서 산술연산 예제(계산기) 풀어보기  (0) 2020.11.04
[JavaScript]number type, 대입연산자, 산술연산자, 연결연산자  (0) 2020.11.04
'공부/JavaScript' Related Articles more
Comments