Einfügen von Elementen vor anderen Elementen in JavaScript

Задание 1

Gegeben ist das Element #elem:

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

Fügen Sie vor diesem Element ein Element mit dem Text 'new' ein.

Задание 2

Modifizieren Sie die vorherige Aufgabe so, dass ein Klick auf das eingefügte Element dazu führt, dass an das Ende seines Textes '!' angehängt wird.