script.js

/* Dinossauro */
const background = document.querySelector('.background');
const dino = document.querySelector('.dino');
let isJumping = false;
let position = 0;

function handleKeyUp(event){
    if(event.keyCode === 32) {
        if(!isJumping){
            jump();
        }
    }
}

function jump(){
    isJumping = true;

    let upInterval = setInterval(() =>{   
        if(position >= 150){
            clearInterval(upInterval);
            //descendo
            let downInterval = setInterval(() =>{
                if(position <=0) {
                    clearInterval(downInterval);
                    isJumping = false;
                } else {
                    position -= 20;
                    dino.style.bottom = position + 'px';
                }
            }, 20);
        }else{
            //subindo
            position += 20;
            dino.style.bottom = position + 'px';
        }
    }, 20);
}
/* fim dinossauro */

/*Cactus*/
function createCactus(){
    const cactus = document.createElement('div');
    let cactusPosition = 1000;
    let randomTime = Math.random() * 6000;

    cactus.classList.add('cactus');
    cactus.style.left = 1000 + 'px';
    background.appendChild(cactus);
    let leftInterval = setInterval(() =>{
        if(cactusPosition < -60){
            clearInterval(leftInterval);    
            background.removeChild(cactus);
        } else if (cactusPosition > 0 && cactusPosition < 60 && position < 60){
            //Game Over
            clearInterval(leftInterval);
            document.body.innerHTML = '<h1 class="game-over">Fim de Jogo</h1>';
            document.body.innerHTML += '<div class="restart"><img src="img/refresh.png" onclick="location.reload(true)"></div>';

        } else {
            cactusPosition -= 10; //velocidade em que ele se movimenta para a esquerda
            cactus.style.left = cactusPosition + 'px'; 
        }
    },20);

    setTimeout(createCactus, randomTime);
}

createCactus();
document.addEventListener('keyup', handleKeyUp);