Menggunakan Fungsi eq() pada Javasript dan penggunaannya

Halo sahabat, apa kabar semua. Berjumpa lagi di tutorial kali ini tentang Menggunakan Fungsi eq() pada Javascript, di artikel kali ini kita akan mengenal dan menggunakan apa itu yang namanya fungsi eq(). Fungsi eq() berfungsi untuk memanggil tag sesuai yang di tentukan, hampir mirip dengan fungsi array yang biasa kita gunakan di dalam php. Dimana array di hitung mulai dari data ke nol (0) atau seterusnya, begitu juga fungsi eq() hampir sama seperti fungsi array dalam php bedanya kalau fungsi eq() kita tinggal langsung panggil saja baris ke berapa yang mau kita panggil. Nah kali ini kita akan belajar mempraktekkan dan Menggunakan Fungsi eq() pada Javascript, disini saya akan membuat tag <p> sebanyak enam kali lalu saya akan memberinya perintah eq(). Teman-teman coba ikuti yang nanti saya praktekkan, seperti biasa siapkan text editornya kemudian ketikkan script seperti gambar di bawah ini

Kemudian saya akan memberikan fungsi eq(), saya akan panggil tag <p> pertama. Artinya saya akan memberikan tag <p> dengan eq(0)

Maka akan tampil seperti gambar di bawah ini

Kemudian saya akan menampilkan paragraf ke 1 dan ke 4, maka saya akan memanggilnya eq(0) dan eq(0)

Maka yang akan tampil

Sangat mudah bukan, oke teman-teman bisa experimen sendiri ya dengan latihan di atas. Supaya lebih terbiasa dengan Javascript nya, kalian juga bisa copas script di bawah ini yang tadi kita sudah praktekkan bersama-sama

<!DOCTYPE html>
<html>
<head>
<title>Fungsi eq</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("p").eq(0).css("background-color", "yellow");
    $("p").eq(4).css("background-color", "yellow");
});
</script>
</head>
<body>

<p>Paragraf ke 0</p> <!-- tag p ke 1 -->
<p>Paragraf ke 1</p> <!-- tag p ke 2 -->
<p>Paragraf ke 2</p> <!-- tag p ke 3 -->
<p>Paragraf ke 3</p> <!-- tag p ke 4 -->
<p>Paragraf ke 4</p> <!-- tag p ke 5 -->
<p>Paragraf ke 5</p> <!-- tag p ke 6 -->
</body>
</html>

Baik, sekian dulu di artikel kali ini tentang Menggunakan Fungsi eq() pada Javascript kita berjumpa lagi di tutorial Dumet School berikutnya.

Semoga bermanfaat, Terimakasih dan sampai jumpa.

Baca juga artikel tentang Even Onload Pada Javascript

Menggunakan Fungsi eq() pada Javascript

Kategori