JSFiddle - React, Tailwind, and code Playground

by cristian_cena

HTML

<span id="timer"></span>
<p id="i"></p>
<p id="z"></p>

CSS

span{font-size:10em; font-weight: bold;}

JavaScript

var i = 0;
var e = "";
var sint;
var sint2;
var z = 9;

function sube(){
    if(i == 10){
        document.getElementById("timer").innerHTML=1;
        e = i;
        corre();
    }else{
        document.getElementById("timer").innerHTML='0.'+i;
        i++;
    }
}
 
function baja(){
    if(z == 0){
        document.getElementById("timer").innerHTML=0;
        e = '';
        corre();
        z = 9;
        i = 0;
    }else{
        document.getElementById("timer").innerHTML='0.'+z;
        z--;
    }
}
 
function corre(){
    if(e != ''){
        clearInterval(sint);
        sint2=setInterval("baja()",500);
        document.getElementById("i").innerHTML= "i = " + i;
    }else{
        if(i < 11){
            clearInterval(sint2);
            sint=setInterval("sube()",500);
            document.getElementById("z").innerHTML= "z = " + z;
        }        
    }
}
window.onload = corre;