Sự kiện input trong JavaScript

Sự kiện tiếp theo mà chúng ta sẽ nghiên cứu được gọi là input. Nó xảy ra mỗi khi một ký tự mới được nhập vào ô input hoặc textarea. Hãy xem ví dụ. Giả sử chúng ta có một ô input:

<input id="elem">

Hãy thử mỗi khi nhấn một phím trên bàn phím sẽ in nội dung hiện tại của ô input ra console:

let elem = document.querySelector('#elem');

elem.addEventListener('input', function() {
	console.log(this.value);
});

Cho một ô input. Giả sử văn bản được nhập vào đó. Ngay khi độ dài văn bản đạt tới 5 ký tự, hãy hiển thị thông báo về điều này ra màn hình.

Cho một ô input. Giả sử chỉ được phép nhập 5 ký tự vào đó. Cũng có một đoạn văn. Trong quá trình nhập ký tự vào ô input, hãy viết ra xem còn có thể nhập thêm bao nhiêu ký tự nữa. Khi số lượng ký tự vượt quá 5, hãy xuất ra đoạn văn số ký tự đã vượt quá độ dài cho phép.