Postingan lainnya
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>