JavaScript Change Class

Oleh Ndi Uke 15 Des, 2021 Posting Komentar

class berganti background

class berganti bentuk & warna

CHANGE

HTML / doble click to select

  
  
   <div id='objek' class='target-a'></div>
   <div id='tombol'>CHANGE</div>

CSS / doble click to select

#tombol{
  color:#666;
  width:100px;
  background:#fff;
  border-radius:10px;
  border:2px solid#666;
  }
#objek{
  width:300px;
  height:200px;
  /* add outher stile here */
  }
.target-a{
  /* style-a here */
  }
.target-b{
  /* style-b here */
  }

JavaScript / doble click to select

<script>
$('#tombol').on('click', function(){
    var btn=$('#objek');
  if(btn.attr('class')=='target-a'){
    btn.removeClass('target-a').addClass('target-b');
  }else{
    btn.removeClass('target-b').addClass('target-a');
  }
})
</script>

Ndi Uke Request dari kalian akan sangat membatu saya membuat artikel selanjutnya.

JavaScript Change Class

Posting Komentar untuk "JavaScript Change Class"