JSFiddle - React, Tailwind, and code Playground

by Mauro Rocha Tavares

HTML

<br><br>

<section class="lala">

  <div>
    <button>
    Aqui tem a classe <strong>LALA</strong>
    </button>
  </div>

</section>

<br><br>

<div class="video">
  <img src="https://as2.ftcdn.net/jpg/00/00/57/35/500_F_573556_fGmwktYr1XKdRjt3iNgydn5kuiNfpc.jpg">
</div>

CSS

.video {
  border: 1px solid red;
  background-color: #CCFF00;
}

.video img{
  width:95px;
  height:80px;
}

JavaScript

$(function() {
  $('.lala').click(function(){
    $(this).removeClass('.lala')
    .addClass('video');
    
    $(".video div button").css('border', '1px solid blue').html("Mudou para a classe <strong>VIDEO</strong>");
    
  });
});