Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Cara merubah warna jika checkbox di centang
cara jika checkbox "warnai" di centang, maka div red dan green itu berwarna merah sama hijau. caranya gimana ya?
<div class="red">halo</div>
<div class="green">hai</div>
<input type="checkbox"> Warnai</input>
3 Jawaban:
Bisa gunain css atau javascript utk ubah nya
Jawaban Terpilih
gini men codingannya.
<pre> <div id="red">halo</div> <div id="green">hai</div>
<input type="checkbox" id="color" onclick="changeColor()"> Warnai</input>
<script> let getIdCheckbox = document.getElementById("color") changeColor = () => { if (getIdCheckbox.checked == true){ document.getElementById("red").style.color = 'red' document.getElementById("green").style.color = 'green' }else { document.getElementById("red").style.color = 'white' document.getElementById("green").style.color = 'white' } } </script> </pre>
Ini sedikit penyesuaian nya
<pre> <div id="red">halo</div> <div id="green">hai</div> <input type="checkbox" id="color"> Warnai</input>
<style> .red { color: red; } .green { color: green; } </style>
<script> let getIdCheckbox = document.getElementById("color") changeColor = (obj) => document.getElementById(obj).classList.toggle(obj)
getIdCheckbox.addEventListener("click", function() { changeColor("red") changeColor("green") }) </script> </pre>