Вмъкване на елементи преди елементи в 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

Модифицирайте предишната задача така, че кликване върху вмъкнатия елемент да доведе до това, че в края на неговия текст ще се добавя '!'.