Buscando elementos vizinhos em JavaScript

Задание 1

Dado o elemento #elem:

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

Encontre seu vizinho acima e adicione o texto '!' ao final dele.

Задание 2

Dado o elemento #elem:

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

Encontre seu vizinho abaixo e adicione o texto '!' ao final dele.

Задание 3

Dado o elemento #elem:

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

Encontre o vizinho abaixo do seu vizinho abaixo (o próximo elemento após o adjacente) e adicione o texto '!' ao final dele.

Задание 4

Dado o elemento #elem:

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

Troque o texto do seu vizinho acima pelo texto do seu vizinho abaixo.