JS - 카운트 ,InnerHTML , value 속성 실습

<!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>
    <h1>자바스크립트 카운트 innerHTML value 속성</h1>
    <input type ='number' id = 'val' value = "0" onclick=""> 
    <button type = 'button' onclick ='plus()'>+</button> 
    <button type = 'button' id = 'minus'>-</button>

    <script>
        var minus = document.getElementById('minus');
        minus.addEventListener('click', function () {
            if(val.value ==0){
                alert('0이하로 내려갈 수 없습니다.')
            }else {
                val.value--;
            }
            
        })

        function plus(){
            val.value++;
        }

    </script>
</body>
</html>

TIP - input type 에서는 value 가 곧 InnerHTML처럼 값이 화면에 출력된다.

'JS > JS-event' 카테고리의 다른 글

JS 실습 - onchange , onkeyup (0)	2024.01.29
JS - Css변경 (0)	2024.01.29
JS 실습 -checked ,배열 (0)	2024.01.29
JS - event - 실습 (0)	2024.01.29
JS - event -inline,기본,표준 이벤트 (0)	2024.01.29