Inserimento di elementi prima di altri elementi in JavaScript

Задание 1

Dato l'elemento #elem:

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

Inserisci prima di questo elemento un elemento con testo 'new'.

Задание 2

Modifica il problema precedente in modo che un clic sull'elemento inserito porti all'aggiunta alla fine del suo testo di '!'.