Web Interactivity

JavaScript

"เปลี่ยนหน้าเว็บนิ่งๆ ให้มีชีวิต"

1. Scripting Language

JavaScript เป็นภาษาประเภท **Interpret Language** ที่ Browser สามารถอ่านและรันได้ทันทีโดยไม่ต้อง Compile หน้าที่หลักของมันคือการควบคุม HTML และ CSS เพื่อตอบสนองต่อการกระทำของผู้ใช้ (Events) เช่น การคลิกปุ่ม หรือการกรอกข้อมูล

2. Variables: let & const

ในยุคปัจจุบัน MarcusCode แนะนำให้เลิกใช้ var และเปลี่ยนมาใช้:

const

ใช้ประกาศ "ค่าคงที่" ที่จะไม่ถูกเปลี่ยนค่าใหม่

let

ใช้ประกาศตัวแปรที่สามารถ "เปลี่ยนค่า" ได้ตามต้องการ

const pi = 3.14;
let score = 0;
score = 10; // ทำได้เพราะเป็น let

3. การควบคุมหน้าเว็บ (DOM)

JavaScript สามารถเข้าถึงและแก้ไขเนื้อหา HTML ได้ผ่านสิ่งที่เรียกว่า **DOM (Document Object Model)**

// ค้นหา Element ใน HTML และเปลี่ยนข้อความ
document.getElementById("myTitle").innerHTML = "Hello JS!";

// เปลี่ยนสี CSS ผ่าน JS
document.body.style.backgroundColor = "black";

4. Listen to Events

เราสามารถสั่งให้ JavaScript ทำงานเมื่อเกิด "เหตุการณ์" บางอย่างขึ้นได้

function showAlert() {
    alert("คุณคลิกปุ่มแล้ว!");
}

// ใน HTML: <button onclick="showAlert()">Click Me</button>

Asynchronous

ทำงานหลายอย่างพร้อมกันได้ (เช่น โหลดข้อมูลโดยไม่รอหน้าเว็บค้าง)

Cross-Platform

รันได้ทั้งบน Browser และ Server (Node.js)

Dynamic Typing

ไม่ต้องระบุชนิดข้อมูล (คล้าย Python)