Mindset: สคริปต์เชื่อมกับหน้า HTML

เทคนิคคิดก่อนเขียน

1) หน้านี้มี HTML อะไรอยู่แล้ว

2) พฤติกรรมที่ต้องการคืออะไร (ตอนนี้ยังเป็นแค่ log / คำนวณ)

3) สคริปต์จะอยู่ไฟล์ไหน และโหลดเมื่อไหน (ท้าย body หรือ defer)

4) เปิด Console ตรวจว่าโหลดและรันจริง

ตัวอย่างคำถามตรวจ

“ไฟล์ HTML ของฉันเรียก main.js หรือยัง?” · “มี error สีแดงใน Console หรือไม่?” · “ฉันดูผลที่ Console ไม่ใช่แค่รีเฟรชหน้าเปล่า ๆ หรือเปล่า?”