Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
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>