"localStorage Manager" is a web application project that helps manage data in the browser's localStorage using HTML, CSS, and JavaScript. It allows users to add, edit, delete, and display data in a table.

1. Add New Data

   • Enter the name of the new data in the "Name" input field.
   • Click the "Add" button to add new data.

2. Edit Data

   • Click the "Edit" button on the row of data you want to edit.
   • Edit the data in the Modal Box and click the "Update" button to save the changes.

3. Delete Data

   • Click the "Delete" button on the row of data you want to delete.

4. View Data List

   • The data list will be displayed in a table.

• The Modal Box appears when you click the "Edit" button to edit data.
• The Modal Box contains a textarea for editing data.
• Click the "Update" button to save edits or "Close" to close the Modal Box.

• Data is stored in localStorage using names as keys and data as values.
• You can add, edit, and delete data using this application.

"localStorage Manager" is a simple tool to efficiently and conveniently manage and manipulate data in your web application's localStorage.

This project is licensed under the MIT License.

"การจัดการ localStorage" เป็นโปรเจกต์แอปพลิเคชันเว็บที่ช่วยในการจัดการข้อมูลใน localStorage ของเบราว์เซอร์โดยใช้ HTML, CSS, และ JavaScript ช่วยให้ผู้ใช้สามารถเพิ่ม, แก้ไข, ลบ, และแสดงข้อมูลในตารางได้.

1. เพิ่มข้อมูลใหม่

   • กรอกชื่อข้อมูลใหม่ในช่อง "ชื่อ".
   • คลิกปุ่ม "เพิ่ม" เพื่อเพิ่มข้อมูลใหม่.

2. แก้ไขข้อมูล

   • คลิกปุ่ม "แก้ไข" บนแถวข้อมูลที่ต้องการแก้ไข.
   • แก้ไขข้อมูลในกล่อง Modal และคลิกปุ่ม "อัปเดต" เพื่อบันทึกการแก้ไข.

3. ลบข้อมูล

   • คลิกปุ่ม "ลบ" บนแถวข้อมูลที่ต้องการลบ.

4. ดูรายการข้อมูล

   • รายการข้อมูลจะถูกแสดงในรูปแบบตาราง.

• กล่อง Modal จะปรากฏเมื่อคลิกปุ่ม "แก้ไข" เพื่อแก้ไขข้อมูล.
• กล่อง Modal ประกอบด้วย textarea สำหรับแก้ไขข้อมูล.
• คลิกปุ่ม "อัปเดต" เพื่อบันทึกการแก้ไขหรือ "ปิด" เพื่อปิดกล่อง Modal.

• ข้อมูลถูกเก็บไว้ใน localStorage โดยใช้ชื่อเป็นคีย์และข้อมูลเป็นค่า.
• คุณสามารถเพิ่ม, แก้ไข, และลบข้อมูลได้โดยใช้แอปพลิเคชันนี้.

"การจัดการ localStorage" เป็นเครื่องมือง่ายๆ ที่ช่วยให้คุณจัดการและบริหารจัดการข้อมูลใน localStorage ของแอปพลิเคชันเว็บของคุณอย่างมีประสิทธิภาพและสะดวกสบาย.

โครงการนี้อยู่ภายใต้ สัญญาอนุญาต MIT.

โครงการนี้ถูกพัฒนาโดย [Sathaporn Khwannakorn]

โครงการนี้เป็นส่วนหนึ่งของการเรียนรู้เรื่องการพัฒนาเว็บแอปพลิเคชัน และเป็นโครงการที่เหมาะสำหรับผู้เริ่มต้นที่ต้องการศึกษาการสร้างเว็บแอปพลิเคชันพื้นฐาน.

หากคุณมีข้อเสนอแนะหรือพบปัญหา โปรดติดต่อ [https://www.youtube.com/channel/UCDjcrowvt-PF9HD5avk1m3A/videos].