การสร้างรายการของ App เป็นโครงการทั่วไปสําหรับการเรียนรู้จาวาสคริปต์ มันช่วยเข้าใจวิธีการจัดการ DOM, จัดการเหตุการณ์ต่างๆ และเก็บข้อมูลในท้องถิ่น การใช้คลังข้อมูลภายในระบบ อนุญาตให้โปรแกรมจํางานได้ แม้ว่าหลังปิดเว็บแล้วก็ตาม

ตั้งค่าโครงสร้าง HTML

โปรแกรมต้องการผังแป้นพิมพ์แบบ HTML แบบง่าย ๆ โดยใช้สําหรับทาสก์ใหม่, ปุ่มเพื่อเพิ่มงาน, และรายการที่จะใช้แสดงมัน โครงสร้างนี้จะให้พื้นฐานสําหรับปฏิสัมพันธ์แบบไดนามิก

โครงสร้างตัวอย่าง:

< div id= "app">

& lt; ประเภทอักษร - "ข้อความ" id= "tops input" enter=" ป้อนงานใหม่ ">";

< ปุ่ม id= "dadd Button"; aptopt;/ Butt>

< ul id="topllist"></ul>

& lt;/ div>

การทําให้จาวาสคริปต์สมบูรณ์

จาวาสคริปต์ สามารถ เพิ่ม, ลบ, และ เก็บ งาน ได้.

ฟังก์ชันคีย์รวม:

  • [FLT: 0] addTlass ()[[FLT: 1]: เพิ่มงานใหม่ในรายการและบันทึกงานไว้
  • [FLT: 0]. เดเลเททาสก์ ()[FLT: 1]]: ลบงานออกจากรายการและอัปเดต
  • [FLT: 0]. ดาวน์โหลด Tops ()[[FLT: 1]]: โหลดงานจากคลังข้อมูลภายในระบบเมื่อโหลดหน้า

ผู้ฟังเหตุการณ์จะแนบมากับการคลิกปุ่มปุ่มและลบงาน

ใช้คลังเก็บข้อมูลภายในระบบ

เก็บงานภายในระบบ เป็นข้อความแบบ Json เมื่อโปรแกรมโหลด มันจะรับข้อมูลและวิเคราะห์ข้อมูลนี้ เพื่อแสดงทาสก์ที่มีอยู่ ทุกรายการที่เพิ่มเติมหรือลบการส่งข้อมูลออกไป

วิธีการนี้จะทําให้มั่นใจได้ว่า ข้อมูลนั้นทนทานโดยไม่ต้องมีคลังเก็บของแม่ข่ายอยู่ ทําให้โปรแกรมมีความง่ายและมีประสิทธิภาพสําหรับวัตถุประสงค์การเรียนรู้