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>

avatar Rayan1987
@Rayan1987

4 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

3 Jawaban:

Bisa gunain css atau javascript utk ubah nya

avatar meatlover
@meatlover

22 Kontribusi 5 Poin

Dipost 4 tahun yang lalu

Jawaban Terpilih

gini men codingannya.

<pre> &lt;div id="red"&gt;halo&lt;/div&gt; &lt;div id="green"&gt;hai&lt;/div&gt;

&lt;input type="checkbox" id="color" onclick="changeColor()"&gt; Warnai&lt;/input&gt;

&lt;script&gt; let getIdCheckbox = document.getElementById("color") changeColor = () =&gt; { 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' } } &lt;/script&gt; </pre>

avatar iqbal01
@iqbal01

3 Kontribusi 2 Poin

Dipost 4 tahun yang lalu

Tanggapan

bisa mas, makasih ya bantuannya....

siap bro, sama-sama

Ini sedikit penyesuaian nya

<pre> &lt;div id="red"&gt;halo&lt;/div&gt; &lt;div id="green"&gt;hai&lt;/div&gt; &lt;input type="checkbox" id="color"&gt; Warnai&lt;/input&gt;

&lt;style&gt; .red { color: red; } .green { color: green; } &lt;/style&gt;

&lt;script&gt; let getIdCheckbox = document.getElementById("color") changeColor = (obj) =&gt; document.getElementById(obj).classList.toggle(obj)

getIdCheckbox.addEventListener("click", function() { changeColor("red") changeColor("green") }) &lt;/script&gt; </pre>

avatar meatlover
@meatlover

22 Kontribusi 5 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban