본문 바로가기

Javascript

05. Javascript_버튼 클릭 시 1씩 증가되는 문서 만들기

<!DOCTYPE html>
<html>
<head>
    <title>::: 05_javascript :::</title>
    <script type="text/javascript">
        // 1씩 증가되는 함수 만들기
        var num = 0;
        function goAddOne(){
            num = num + 1;
            msg = "현재 count : ";
            document.getElementById("p1").innerHTML = num;
            }
    </script>
</head>
<body>
    <h3>버튼을 클릭하면 1씩 증가되는 문서 만들기</h3>
    <p id="p1"></p>
    <button onclick="goAddOne()">1씩 증가시키기</button>
</body>
</html>

한번 클릭시
두 번째 클릭 시