키보드 이벤트
keydown : 키가 눌릴 떄 실행 키보드를 꾹 누르고 있을 때도 입력될 때도 실행
keypress : 키가 입력되었을 때 실행 , 웹 브라우저에 따라서 아시아권의 문자를 제대로 처리 못하는 문제가 있음
Keyup : 키보드에서 키가 떨어질 때 실행
<!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>
<script>
/*
*/
// 남은 글자수 출력하기
document.addEventListener('DOMContentLoaded', () => {
const textarea = document.querySelector('textarea');
const h1 = document.querySelector('h1');
textarea.addEventListener('keyup', (event) => { // 키보드에서 키가 떨어질 때 실행
const length = textarea.value.length; // textarea 안에 value값의 갯수
h1.textContent = `글자 수 : ${length}`;
})
})
</script>
<h1></h1>
<textarea></textarea>
</body>
</html>
