JavaScript-те элементтерді іргелес енгізу

insertAdjacentElement

Задание 1

Элемент берілген:

html<div id="elem" style="border: 1px solid red;">
  <p>текст</p>
  <p>текст</p>
  <p>текст</p>
</div>

Оның алдына '!!!' мәтіні бар абзацты енгізіңіз.

Задание 2

Элемент берілген:

html<div id="elem" style="border: 1px solid red;">
  <p>текст</p>
  <p>текст</p>
  <p>текст</p>
</div>

Оның артына '!!!' мәтіні бар абзацты енгізіңіз.

Задание 3

Элемент берілген:

html<div id="elem" style="border: 1px solid red;">
  <p>текст</p>
  <p>текст</p>
  <p>текст</p>
</div>

Оның басына '!!!' мәтіні бар абзацты енгізіңіз.

Задание 4

Элемент берілген:

html<div id="elem" style="border: 1px solid red;">
  <p>текст</p>
  <p>текст</p>
  <p>текст</p>
</div>

Оның соңына '!!!' мәтіні бар абзацты енгізіңіз.