Вставка элементов в начало или в конец на JavaScript

Дан ul:

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

Вставьте ему в начало элемент с текстом 'start', а в конец - элемент с текстом 'finish'.

Дан элемент #elem:

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

Вставьте перед этим элементом элемент с текстом 'new'.

Модифицируйте предыдущую задачу так, чтобы клик на вставленный элемент приводил к тому, что в конец его текста будет добавляться '!'.