Sự kiện keyup của Hàm addEventListener() trong JavaScript

Sự kiện keyup của Hàm addEventListener() trong JavaScript

Sự kiện keyup của Hàm addEventListener() trong JavaScript

Tự code rồi chạy thử... Chạy Thử
<!DOCTYPE html>
<html>
<head>
<title>Sự kiện keyup của Hàm addEventListener() trong JavaScript</title>
</head>
<body>

<h1>Sự kiện keyup của Hàm addEventListener() trong JavaScript</h1>
<p>Hàm addEventListener() trong JavaScript dùng để xử lý sự kiện click, change, keyup,... cho các đối tượng HTML.</p>
<p>Sự kiện này xử lý khi nhập hay xóa ký tự nào vào ô input:</p>

<input type="text" id="tuoi" placeholder="Nhập tuổi từ 18 tới 40" >

<script>
// Lấy đối tượng HTML
var tuoi= document.getElementById('tuoi');
// dùng tên đối tượng HTML vừa lấy để addEventListener
tuoi.addEventListener('keyup', function() {
var sotuoi =  tuoi.value;
if(sotuoi<18||sotuoi>40){
 alert("Bạn phải nhập tuổi từ 18 tới 40"); 
}
});
</script>

</body>
</html>
Sự kiện keyup của Hàm addEventListener() trong JavaScript nằm trong bài viết Hàm addEventListener() trong JavaScript