หน่วยที่ 4 การเขียนโปรแกรมด้วย JavaScript

เพิ่มความสามารถในการโต้ตอบกับผู้ใช้

4.1 JavaScript คืออะไร

JavaScript คือ ภาษาที่ใช้ทำให้เว็บไซต์มีความสามารถในการโต้ตอบ เช่น ปุ่ม คลิก ฟอร์ม และการเปลี่ยนแปลงข้อมูล

JavaScript ทำให้เว็บไซต์มีความ Interactive

4.2 ตัวอย่าง Popup

<button onclick="alert('สวัสดี')">คลิก</button>

4.3 เปลี่ยนข้อความ

<p id="text">Hello</p>
<button onclick="changeText()">เปลี่ยน</button>

Hello

4.4 เปลี่ยนสี

document.body.style.background="red";

4.5 รับค่าจาก Input

let name = document.getElementById("name").value;

4.6 ตัวแปร (Variable)

let name = "สมชาย";
console.log(name);

Workshop 1: ปุ่มนับจำนวน

let count = 0;
count++;

0

Workshop 2: แสดงข้อความต้อนรับ

สรุป