Барање на соседни елементи во 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>

Разменете ги местата на текстот на неговиот сосед одгоре и текстот на неговиот сосед оддолу.