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>

Унинг охирига '!!!' матни билан абзац қўйинг.