JSFiddle - React, Tailwind, and code Playground
HTML
<input type="button" name="btn_1_from_db" value="Toggle Color1" />
<input type="button" name="btn_2_from_db" value="Toggle Color2" />
<input type="button" name="btn_3_from_db" value="Toggle Color3" />
<input type="button" name="btn_4_from_db" value="Toggle Color4" />
<div id="target" class="normal">
My color will change
</div>
CSS
.normal {
background-color: green;
}
.active {
background-color: red;
}
JavaScript
$(document).ready(function () {
$('input[type=button]').click(function () {
$('#target').toggleClass('active');
});
});