Inserção de elementos antes de elementos em JavaScript

Задание 1

Dado o elemento #elem:

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

Insira antes deste elemento um elemento com o texto 'novo'.

Задание 2

Modifique a tarefa anterior para que um clique no elemento inserido faça com que um '!' seja adicionado ao final do seu texto.