Inserción de elementos antes de otros elementos en JavaScript
Dado el elemento #elem:
<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'.
Modifique la tarea anterior para que
al hacer clic en el elemento insertado se agregue
'!' al final de su texto.