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

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