JSFiddle - React, Tailwind, and code Playground

by Diego Vieira

HTML

<input type="button" id="smaller" value="smaller text" />
<input type="button" id="bigger" value="bigger text" />
<p> Some text inside of it.</p>
<p> Some text inside of it too!</p>

CSS

.bigger {
    font-size:30px;
    background-color:red;

}
.smaller {
    font-size:10px;
}

JavaScript

$('#bigger').click(function() {
    $('p').removeClass("smaller").addClass('bigger');
});

$('#smaller').click(function() {
    $('p').removeClass("bigger").addClass('smaller');
});