Inserção de elementos antes de elementos em JavaScript
Dado o elemento #elem:
<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'.
Modifique a tarefa anterior para que um
clique no elemento inserido faça com que
um '!' seja adicionado ao final
do seu texto.