วางสคริปต์ไว้ที่ไหน

สามวิธีที่พบบ่อย

1) ใส่โค้ดใน <script>...</script> ในหน้า HTML

2) โหลดไฟล์ภายนอก <script src="app.js"></script>

3) วางแท็ก script ที่ท้าย body หรือใช้ defer ใน head

<!-- ท้าย body: รันหลัง HTML ส่วนใหญ่ถูกอ่านแล้ว -->
<body>
  <h1>สวัสดี</h1>
  <script>
    console.log("รันหลังเนื้อหาด้านบน");
  </script>
</body>
โปรเจกต์จริงนิยมแยกไฟล์ .js ออกจาก HTML เพื่ออ่านและดูแลง่าย