กลับหน้าบทเรียน
Export PDF
# สัปดาห์ที่ 6 DOM Manipulation และ Event Handling --- ## DOM Document Object Model คือ representation ของ HTML ที่ JavaScript เข้าถึงได้ --- ## Select Element ```js const title = document.querySelector("h1"); const items = document.querySelectorAll(".item"); ``` --- ## Event Listener ```js button.addEventListener("click", () => { console.log("clicked"); }); ``` --- ## Interaction Flow ```mermaid flowchart LR User[User Action] --> Event[Event] Event --> Logic[JavaScript Logic] Logic --> DOM[Update DOM] ``` --- ## กิจกรรม สร้าง Interactive Web Page ด้วย DOM และ Event