ตรวจด้วย DevTools

ลองทำในเบราว์เซอร์

เปิดหน้าของคุณ → Elements และ Console

เช็กลิสต์

1) หลังเพิ่มรายการ สังเกตโหนดใหม่ใน Elements

2) ใน Console รัน document.querySelectorAll("li").length

3) คลิกปุ่มแล้วดูว่ามี error สีแดงหรือไม่

แบบฝึกปฏิบัติ

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

ยืนยันว่าจำนวน li ใน DOM ตรงกับที่เห็นบนหน้า
ง่าย
จงใจ query ตัวเลือกผิด แล้วแก้ให้เจอโหนด
ปานกลาง