Уметање елемената преко других елемената у JavaScript-у

Задание 1

Дат је елеменат #elem:

html<ul id="parent">
  <li>текст</li>
  <li>текст</li>
  <li id="elem">текст</li>
  <li>текст</li>
  <li>текст</li>
</ul>

Уметните пре овог елемента елеменат са текстом 'new'.

Задание 2

Модификујте претходни задатак тако да клик на уметнути елеменат доводи до тога да се на крај његовог текста додаје '!'.