Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
1 fungsi untuk banyak element yang sama
https://codepen.io/zoeldyik/pen/NoQoNr
script cuma jalan di card pertama doank, biar bisa jalan di semua card gimana ya?
2 Jawaban:
Jawaban Terpilih
Javascript nya ganti jadi seperti ini bro
<pre>
const teks = document.querySelectorAll('.teks'); const buttons = document.querySelectorAll('.btn');
buttons.forEach((btn, index) => { btn.addEventListener('click', () => { btn.classList.toggle("animasi"); teks[index].classList.toggle("teks-muncul"); }) }) </pre>
Tanggapan
btw parameter index itu fungsinya apa ya? walaupun jalan tapi kurang mudeng di bagian itu. jadi akhirnya gw rubah jadi gini :
buttons.forEach(function (btn) { btn.addEventListener("click", function () { btn.classList.toggle("animasi"); btn.nextElementSibling.classList.toggle("teks-muncul"); }); });
kan kalo parameter btn itu gw tangkepnya setiap bagian dari buttons nah kalo index itu maksudnya gimana bro?
<pre> const teks = document.querySelectorAll('.teks');
// Code itu mengambil semua kelas "teks". Sehingga const teks berisi array; // Nah untuk menampikan teks di card tersebut kita harus sesuaikan teks index // apa yang perlu di munculkan
// Contohnya saat di klik button dengan indeks I, maka tampikan teks yang index I juga. </pre>