JSFiddle - React, Tailwind, and code Playground

by Skooljester

HTML

<div class="daddy">

  <div id="reset" onclick="changeAllFatsToSkinny">reset</div>

  <div class="skinnyBaby">Button01</div>
  <div class="fatBaby">Button03</div>

  <div id="random" class="no class here">random text</div>

</div>
<div class="skinnyBaby">Test 01</div>
  <div class="fatBaby">Test 02</div>
<button id="weightChange">Weight Change</button>

CSS

.skinnyBaby {
    background:#000000;
}
.fatBaby {
    background:#FF0000;
}

JavaScript

$("#weightChange").click(function() {
    $(".daddy *.skinnyBaby").attr("class","fatBaby");    
});
$("#reset").click(function() {
    $(".daddy *.fatBaby").attr("class","skinnyBaby");    
});