JSFiddle - React, Tailwind, and code Playground

by Virneto

HTML

<div id="simbolo">+</div>

CSS

#simbolo {
    cursor:pointer;
}

JavaScript

simboloclik=false;
$("#simbolo").click(function(){

        if (simboloclik == false) {
         $("#simbolo").text("-");   /*muda o + para -  */
                /*faz o teu INSERT na BD com ajax*/
         simboloclik = true;
        }
        else {
         $("#simbolo").text("+");    /*muda o - para + */
           /*Vai Ă  BD e REMOVE com ajax*/
         simboloclik = false;
         }
});