menggunakan if di function click

kasus : saya mempunyai button berwarna merah, ketika saya klik button tersebut maka akan berwarna hijau dan ketika di klik lagi maka akan kembali berwarna semula yaitu warna merah. semacam toggle gtu.. hanya saya tidak caranya.. mohon bantuannya, terimakasih :-)

avatar DAlamsyah
@DAlamsyah

21 Kontribusi 3 Poin

Diperbarui 8 tahun yang lalu

2 Jawaban:

#button1{
      background-color: yellow;   //css button berwarna kuning
}
<button id ="button1" type="button" name="button"> Klik !</button>   //button
<br>
<script>
  $(document).ready(function(){
   $('#button1').on('click',function(){
     if($(this).attr('data-click-state') == 1) {
        $(this).attr('data-click-state', 0)
        //ubah jadi warna merah
        $(this).css('background-color', 'red')
        } else {
             $(this).attr('data-click-state', 1)
             //ubah jadi warna oren
             $(this).css('background-color', 'yellow')
        }
     });
   });
</script>

Mungkin ini bisa menjadi salah satu solusi masalah diatas..

avatar diazpace
@diazpace

58 Kontribusi 28 Poin

Dipost 8 tahun yang lalu

makasih jawabannya, sangat membantu sekali ..

avatar DAlamsyah
@DAlamsyah

21 Kontribusi 3 Poin

Dipost 8 tahun yang lalu

Login untuk ikut Jawaban