Lesson 10 Event Listener (click, input, submit)
เรียนรู้การดักจับเหตุการณ์ของผู้ใช้งาน เช่น Click, Input และ Submit Form
📝 โจทย์ 10: สร้างระบบรับข้อมูลผู้ใช้
สร้าง Form รับชื่อผู้ใช้งาน
- ใช้ click event กับปุ่ม
- ใช้ input event ตรวจข้อความ
- ใช้ submit event กับ form
- แสดงผลบนหน้าเว็บ
ฝึกการตอบสนองต่อการกระทำของ User
ทดลอง Event
✅ click → กดปุ่ม ✅ input → ตรวจค่าที่พิมพ์ ✅ submit → ส่ง Form ✅ preventDefault() → กันหน้าเว็บ refresh
JavaScript