Inserción de elementos antes de otros elementos en JavaScript

Задание 1

Dado el elemento #elem:

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

Inserte antes de este elemento un elemento con texto 'new'.

Задание 2

Modifique la tarea anterior para que al hacer clic en el elemento insertado se agregue '!' al final de su texto.