JavaScriptでの要素の前への要素挿入

Задание 1

要素 #elem が与えられます：

html<ul id="parent">
  <li>テキスト</li>
  <li>テキスト</li>
  <li id="elem">テキスト</li>
  <li>テキスト</li>
  <li>テキスト</li>
</ul>

この要素の前に、テキストが 'new' の要素を挿入してください。

Задание 2

前の問題を修正し、挿入された要素をクリックすると、そのテキストの末尾に '!' が追加されるようにしてください。