ประกอบชิ้น: รายการพร้อมลบ

โครงสร้าง HTML ขั้นต่ำ

<form id="noteForm">
  <input name="title" required />
  <button type="submit">เพิ่ม</button>
</form>
<ul id="list"></ul>

พฤติกรรม JS

submit → preventDefault → สร้าง li + ปุ่มลบ → append · delegation ที่ ul ลบ li

// สเกตช์แนวคิด (ย่อ)
form.addEventListener("submit", (e) => {
  e.preventDefault();
  /* อ่านค่า → createElement → append */
});
list.addEventListener("click", (e) => {
  /* ถ้าเป็นปุ่มลบ → remove li */
});

แบบฝึกปฏิบัติ

ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้

สร้างหน้า HTML+JS สั้น ๆ เพิ่มรายการด้วย textContent และ append

ปานกลาง

หน้าก่อนหน้า 10 / 15 หน้าถัดไป