Your character is a dinosaur and you have to jump over chairs and if you touch the chairs you lose 12 damage and the starting damage is 85's game

Click here for free DL of the app version that can save data.

No:50698

←

Prev Next

→

Your character is a dinosaur and you have to jump ..ALL
Developer User21391｜Date and time 24/3/9 12:32:19
Build time 13.652 sec｜Game capacity 2.693KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dinosaur Jump Game</title>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    #game {
        width: 100%;
        height: 100vh;
        background-color: #f0f0f0;
        position: relative;
    }
    #dino {
        width: 50px;
        height: 50px;
        background-color: #00f;
        position: absolute;
        bottom: 0;
        left: 50px;
    }
    .chair {
        width: 30px;
        height: 30px;
        background-color: #f00;
        position: absolute;
        bottom: 0;
    }
</style>
</head>
<body>
<div id="game">
    <div id="dino"></div>
</div>

function createChair() {
        const chair = document.createElement('div');
        chair.classList.add('chair');
        chair.style.left = (Math.random() * (window.innerWidth - 30)) + 'px';
        game.appendChild(chair);

createChair();

document.addEventListener('keydown', (event) => {
        if(event.key === ' ') {
            jump();
        }
    });

setInterval(() => {
        let dinoBottom = parseInt(window.getComputedStyle(dino).getPropertyValue('bottom'));
        if(dinoBottom > 0) {
            dino.style.bottom = (dinoBottom + 10) + 'px';
        }
    }, 20);

setInterval(() => {
        createChair();
    }, 2000);
</script>

</body>
</html>
```