เชื่อมไฟล์ .js กับหน้า HTML
โครงโฟลเดอร์เล็ก ๆ
my-site/
├── index.html
└── js/
└── main.js
ใน index.html
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<title>ทดลอง JS</title>
</head>
<body>
<h1>หน้าของฉัน</h1>
<script src="js/main.js"></script>
</body>
</html>
ใน js/main.js
console.log("โหลดจากไฟล์ภายนอก");
path ของ
src นับจากตำแหน่งไฟล์ HTML — ถ้าผิด path คอนโซลจะแจ้งว่าโหลดสคริปต์ไม่สำเร็จ