Elementų kaimynų paieška JavaScript

Задание 1

Duotas elementas #elem:

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

Raskite jo kaimyną iš viršaus ir pridėkite jam į galą tekstą '!'.

Задание 2

Duotas elementas #elem:

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

Raskite jo kaimyną iš apačios ir pridėkite jam į galą tekstą '!'.

Задание 3

Duotas elementas #elem:

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

Raskite jo kaimyno iš apačios kaimyną iš apačios (kitas elementas po gretimo) ir pridėkite jam į galą tekstą '!'.

Задание 4

Duotas elementas #elem:

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

Apkeiskite vietomis jo kaimyno iš viršaus tekstą ir jo kaimyno iš apačios tekstą.