<!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>
<!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>