JavaScriptда элементлар қўшниларини топиш

Задание 1

#elem элементи берилган:

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

Унинг юқоридаги қўшнисини топинг ва унга охирига '!' текстни қўшинг.

Задание 2

#elem элементи берилган:

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

Унинг қуйидаги қўшнисини топинг ва унга охирига '!' текстни қўшинг.

Задание 3

#elem элементи берилган:

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

Унинг қуйидаги қўшнисининг қуйидаги қўшнисини (қўшнидан кейинги элементни) топинг ва унга охирига '!' текстни қўшинг.

Задание 4

#elem элементи берилган:

html<ul>
  <li>text1</li>
  <li>text2</li>
  <li id="elem">text3</li>
  <li>text4</li>
  <li>text5</li>
</ul>

Унинг юқоридаги қўшниси ва қуйидаги қўшниси матнларини алмаштиринг.