Thực hành về bộ đếm thời gian và làm việc với DOM trong JavaScript
Giả sử chúng ta có một ô nhập liệu:
<input id="elem" value="1">
Hãy tạo một bộ đếm thời gian, mỗi giây
tăng giá trị thuộc tính value
của ô nhập liệu của chúng ta lên một đơn vị:
let elem = document.querySelector('#elem');
setInterval(function() {
elem.value = Number(elem.value) + 1;
}, 1000);
Hãy giải thích, tại sao trong đoạn mã trên
lại sử dụng hàm Number. Điều gì sẽ xảy ra,
nếu không viết hàm này trong đoạn mã này?
Giả sử trong ô nhập liệu, thuộc tính value ban đầu
được ghi là số 10. Hãy khởi động bộ đếm thời gian,
mỗi giây sẽ giảm số này
đi một đơn vị.
Hãy sửa đổi bài toán trước đó sao cho, ngay khi nội dung của ô nhập liệu trở thành bằng không, bộ đếm thời gian sẽ dừng hoạt động.
