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

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

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

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

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

setInterval(function() {
  elem.value = Number(elem.value) + 1;
}, 1000);
Задание 1

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

Задание 2

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

Задание 3

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