이벤트
마우스클릭, 키보드눌림, 값변화, 페이지로딩과 같은 어떠한 사건
이벤트핸들링
이벤트가 발생하면 ~하라
예) 키보드를 누를때마다 글자 수를 세어주라
<사용하고자 하는 태그 이벤트='이벤트핸들링코드'></사용하고자 하는 태그>
코드예시
<body class="container">
<h1>자기소개</h1>
<!-- 이벤트 onkeydown -->
<textarea
onkeydown="counter();"
class="form-control"
rows="3"
id="jasoseol">
나는 코딩공부를 합니다.</textarea>
<span id="count">(0/200)</span>
<script>
function counter() {
var content = document.getElementById("jasoseol").value;
document.getElementById("count").innerHTML = "(" + content.length + "/200)";
}
counter();
</script>
새로운 것을 도전하고 배운것을 정리하려 합니다.