JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<a href="#" class="blue">青</a>
<a href="#" class="red">赤</a>
<div id="box" class="dsdgdg"></div>

CSS

#box {
    width: 80px;
    height: 80px;
    border: 1px solid #000;
}
.boxBlue {
    background: blue;
}
.boxRed {
    background: red;
}

JavaScript

$(function() {
   
    $('.blue').on('click', function() {
       $('#box').css('background-color','blue')
    });
    
    $('.red').on('click', function() {
        $('#box').css('background-color','red');
    });
    
});