เพื่อเพิ่มบรรทัดใหม่ใน Unordered List ใช้ document.querySelector().append() โค้ดมีดังนี้

ตัวอย่าง

            
Adding Name Demo
 
 Enter The Name:  Save 
 
List Of Name
 
   

เพื่อรันโปรแกรมด้านบน ให้บันทึกชื่อไฟล์ "anyName.html(index.html)" และคลิกขวาที่ไฟล์ เลือก "Open with Live Server" ใน VS Code editor

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้

ที่นี่ ผมกรอกค่าในกล่องข้อความ เช่น ชื่อ 'John'

หลังจากนั้น คลิกปุ่ม Save หลังจากคลิกปุ่ม Save ผลลัพธ์มีดังนี้

อีกครั้ง ผมกรอกชื่อ 'Bob' ตอนนี้ผลลัพธ์ที่อัปเดตมีดังนี้

หลังจากคลิกปุ่ม Save ผลลัพธ์มีดังนี้