Vkladanie prvkov pred prvky v JavaScripte

Задание 1

Daný je prvok #elem:

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

Vložte pred tento prvok prvok s textom 'new'.

Задание 2

Upravte predchádzajúcu úlohu tak, aby klik na vložený prvok spôsobil, že na koniec jeho textu sa pridá '!'.