การฝึกใช้งานตัวจับเวลาและการทำงานกับ DOM ใน JavaScript

สมมติว่าเรามีอินพุต:

<input id="elem" value="1">

มาสร้างตัวจับเวลาที่จะเพิ่มค่าแอตทริบิวต์ value ของอินพุตของเราขึ้นทีละหนึ่งทุกวินาที:

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

setInterval(function() {
	elem.value = Number(elem.value) + 1;
}, 1000);

อธิบายว่าทำไมในโค้ดด้านบนถึงใช้ฟังก์ชัน Number จะเกิดอะไรขึ้นหากไม่เขียนฟังก์ชันนี้ในโค้ดนี้?

สมมติว่าในอินพุตในแอตทริบิวต์ value มีเลข 10 อยู่ตั้งแต่เริ่มต้น สร้างตัวจับเวลา ที่ลดเลขอัตนี้ลงทีละหนึ่งทุกวินาที

ปรับเปลี่ยนโจทย์ก่อนหน้า เพื่อให้เมื่อ เนื้อหาของอินพุตกลายเป็นศูนย์ ตัวจับเวลาจะหยุดทำงาน