JSFiddle - React, Tailwind, and code Playground

by ric47121

HTML

<p id="test1">holasss</p>
<br>
<input type="button" value="clickme.." id="my" />

JavaScript

var t = 1; 
var sube =true;

$("#my").click(function(){
 
    //(function(){
      var interval1 = setInterval(function(){    
            $("#test1").css({'background':'rgba(255, 0, 0, .'+t+')'});  
            console.log("asdsa", t)
                
            if(sube) t++;
               else t--;
                
            if(sube && t==9) sube = false;    
          if(!sube && t==-1){
                t=1;
                sube  = true;              
              clearInterval(interval1)           
                  }
            
        },50);
       
      // })();
    
})