Sự kiện onkeyup không gán trực tiếp trong JavaScript

Trình soạn thảo - Sự kiện onkeyup không gán trực tiếp trong JavaScript

Kết quả - Sự kiện onkeyup không gán trực tiếp trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Sự kiện onkeyup không gán trực tiếp trong JavaScript</title>
<style>
input{margin-bottom:5px}
</style>
</head>
<body>

<h1>Sự kiện onkeyup không gán trực tiếp trong JavaScript</h1>
<p>Dùng để xử lý sự kiện khi bạn gõ phím nhưng lúc bạn nhã phím ra sẽ được kích hoạt:</p>

<input type="text" id="tuoi" placeholder="Nhập tuổi từ 18 tới 40"><br>
<input type="text" id="tuoi2" 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"); 
}
});

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

</body>
</html>