JSFiddle - React, Tailwind, and code Playground

HTML

<input id="p1" value="0">
<button id="p11">+1</button>
<button id="p15">+5</button>
<br>
<input id="p2" value="0">
<button id="p21">+1</button>
<button id="p25">+5</button>
<div id="test">Jak se vede</div>

JavaScript

$("#p11").click(function(){
    $("#p1").val(parseInt($("#p1").val())+1);
});
$("#p15").click(function(){
    $("#p1").val(parseInt($("#p1").val())+5);
});
$("#p21").click(function(){
    $("#p2").val(parseInt($("#p2").val())+1);
});
$("#p25").click(function(){
     $("#p2").val(parseInt($("#p2").val())+5);
 });
$("#test").click(function(){
     
    var color = $(this).css("background-color");
    
    alert(color.toString);
    
    if (color === "red"){    
        $(this).css('background-color', "blue");
    } else {
        $(this).css('background-color', "rgb(0,1,10)");    
    }
    
 });