Vkládání prvků před prvky v JavaScriptu

Задание 1

Daný prvek #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 před tento prvek prvek s textem 'new'.

Задание 2

Upravte předchozí úlohu tak, aby klik na vložený prvek vedl k tomu, že na konec jeho textu bude přidáno '!'.