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

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

Sự kiện click 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 click của Hàm addEventListener() trong JavaScript</title>
</head>
<style>
input{margin-bottom:5px}
</style>
<body>

<h1>Sự kiện click 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 bạn nhấn click vào nút:</p>

<input type="text" id="tuoi" placeholder="Nhập tuổi" ><br>
<input type="button" id="btngui" value="GỬI" >

<script>
// Lấy đối tượng HTML
var btngui = document.getElementById('btngui');
// dùng tên đối tượng HTML vừa lấy để addEventListener
btngui.addEventListener('click', function() {
var idtuoi = document.getElementById('tuoi');
var tuoi =  idtuoi.value;
alert(tuoi+" tuổi"); 
});
</script>

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