Смежная вставка элементов на JavaScript

insertAdjacentElement

Задание 1

Дан элемент:

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

Вставьте перед ним абзац с текстом '!!!'.

Задание 2

Дан элемент:

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

Вставьте после него абзац с текстом '!!!'.

Задание 3

Дан элемент:

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

Вставьте ему в начало абзац с текстом '!!!'.

Задание 4

Дан элемент:

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

Вставьте ему в конец абзац с текстом '!!!'.