ฝึกหน้าโต้ตอบสั้น

สร้างหน้า “รายการสิ่งที่ต้องทำ” หนึ่งไฟล์ HTML (สคริปต์ในหน้าได้)

• มีช่องกรอก ปุ่ม/ฟอร์มเพิ่ม และ ul

• ใช้ querySelector หาโหนดหลัก

• เพิ่มด้วย createElement + textContent + append

• ถ้าใช้ฟอร์ม ต้อง preventDefault

• มีปุ่มลบอย่างน้อยแบบ delegation หรือผูกตอนสร้างก็ได้

ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้

ทำให้เพิ่มรายการได้โดยหน้าไม่รีโหลด

ตรวจ type ของปุ่มและ preventDefault

ปานกลาง

ลบรายการได้อย่างน้อยหนึ่งวิธี

ปานกลาง

เปลี่ยนข้อความสถานะด้วย textContent เมื่อรายการว่าง/ไม่ว่าง

ง่าย