Inserarea elementelor înaintea altor elemente în JavaScript

Задание 1

Este dat elementul #elem:

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

Inserați înaintea acestui element un element cu textul 'new'.

Задание 2

Modificați problema anterioară astfel încât un clic pe elementul inserat să determine adăugarea la sfârșitul textului său a '!'.