แบบฝึกหัดการสร้างรายการ ul ด้วย JavaScript

มี ul นี้:

มีอาร์เรย์ ให้แทรกองค์ประกอบของอาร์เรย์นี้ ไปที่ส่วนท้ายของ ul โดยให้แต่ละองค์ประกอบ อยู่ใน li ของตัวเอง

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

ปรับเปลี่ยนโจทย์ก่อนหน้า โดยให้ เมื่อคลิกที่ li จะมี '!' เพิ่มไปที่ส่วนท้ายของมัน

ปรับเปลี่ยนโจทย์ก่อนหน้า โดยให้ เมื่อคลิกที่ li ซ้ำ ไม่ส่งผลให้ มี '!' ที่สองเพิ่มเข้าไป