ელემენტების მეზობლების ძიება 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>

გაცვალეთ ადგილები მისი ზემოთ მდებარე მეზობლის ტექსტს და მისი ქვემოთ მდებარე მეზობლის ტექსტს.