หากต้องการเพิ่มบรรทัดใหม่ใน Unordered List ให้ใช้ document.querySelector().append() ต่อไปนี้เป็นรหัส −

ตัวอย่าง

 
การเพิ่มการสาธิตชื่อ
ป้อนชื่อ: บันทึก
รายชื่อ

 

 ในการรันโปรแกรมข้างต้น ให้บันทึกชื่อไฟล์ “anyName.html(index.html)” และคลิกขวาที่ไฟล์ เลือกตัวเลือก “เปิดด้วย Live Server” ในตัวแก้ไข VS Code
 
ผลลัพธ์
 

 สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
 

 
 

 ฉันกำลังป้อนค่าในกล่องข้อความ ตัวอย่างเช่น ชื่อคือ 'John' −
 

 
 

 หลังจากนั้นให้คลิกปุ่มบันทึก หลังจากคลิกปุ่มบันทึก ผลลัพธ์จะเป็นดังนี้ -
 

 
 

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

 
 

 หลังจากคลิกปุ่มบันทึก ผลลัพธ์จะเป็นดังนี้ -