การแทรกองค์ประกอบก่อนองค์ประกอบอื่นด้วย JavaScript

Задание 1

กำหนดองค์ประกอบ #elem:

html<ul id="parent">
  <li>text</li>
  <li>text</li>
  <li id="elem">text</li>
  <li>text</li>
  <li>text</li>
</ul>

แทรกองค์ประกอบที่มีข้อความ 'new' ก่อนองค์ประกอบนี้

Задание 2

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