Pencarian Elemen Tetangga dalam JavaScript

previousElementSiblingnextElementSibling
Задание 1

Diberikan elemen #elem:

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

Temukan tetangganya di atas dan tambahkan teks '!' di akhirnya.

Задание 2

Diberikan elemen #elem:

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

Temukan tetangganya di bawah dan tambahkan teks '!' di akhirnya.

Задание 3

Diberikan elemen #elem:

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

Temukan tetangga di bawah dari tetangganya di bawah (elemen berikutnya setelah tetangga) dan tambahkan teks '!' di akhirnya.

Задание 4

Diberikan elemen #elem:

html<ul>
  <li>teks1</li>
  <li>teks2</li>
  <li id="elem">teks3</li>
  <li>teks4</li>
  <li>teks5</li>
</ul>

Tukar teks tetangganya di atas dengan teks tetangganya di bawah.