JSFiddle - React, Tailwind, and code Playground

by David Marshall

HTML

<button id="addBot" class="bot"><span>+</span></button>
<button id="subBot" class="bot"><span>-</span></button>

CSS

.bot {
    border-color: #3071a9;
    border-style: solid;    
    border-width: 1.5px;
    border-radius: 0px;
    width: 30px;
    height: 20px;
    background-color: #ffffff;  
}
.blue1 {
    background-color: #3071a9;
}

JavaScript

//1 is blue
            //0 is white
            var addColor = 1;
            var subColor = 0;
            $('#addBot').addClass('blue1');

            $('#addBot').click(function() {
                $('#addBot').toggleClass('blue1');
            });