Chèn phần tử trước các phần tử khác trong JavaScript

Задание 1

Cho phần tử #elem:

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

Chèn trước phần tử này một phần tử có văn bản 'new'.

Задание 2

Hãy sửa đổi bài toán trước sao cho một cú nhấp chuột vào phần tử được chèn sẽ dẫn đến việc văn bản của nó được thêm '!' vào cuối.