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

No:2375

932

←

Prev Next

→

Pizza tower
Developer User3550｜Date and time 23/6/21 3:30:40
Build time 46.894 sec｜Game capacity 3.876KB｜

Script

Pizza Tower

🤠

Pizza Tower is a game where you need to build a tower of pizza crust and toppings. Press the up arrow key to add another layer to the tower and the down arrow key to remove it. The goal is to build the highest tower possible before it topples over. Use emojis extensively in the game interface.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Pizza Tower</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f7e3ae;
            text-align: center;
        }

h1 {
            color: #f44336;
            font-size: 48px;
            margin-top: 50px;
        }

#pizza-tower {
            height: 450px;
            margin-top: 50px;
            position: relative;
        }

#pizza-tower .crust {
            width: 120px;
            height: 30px;
            background-color: #a27725;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }

#pizza-tower .topping {
            width: 80px;
            height: 20px;
            background-color: #f44336;
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
        }

#pizza-tower .topping2 {
            width: 40px;
            height: 10px;
            background-color: #ffc107;
            position: absolute;
            bottom: 50px;
            left: 50%;
            transform: translateX(-50%);
        }

#play-btn {
            width: 100px;
            height: 40px;
            border: none;
            background-color: #f44336;
            color: #fff;
            font-size: 24px;
            border-radius: 20px;
            margin-top: 50px;
            cursor: pointer;
        }

#score {
            font-size: 36px;
            margin-top: 50px;
            color: #f44336;
        }

.emoji {
            font-size: 48px;
            margin-top: 50px;
        }
    </style>
</head>
<body>
<h1>Pizza Tower</h1>
<div id="pizza-tower">
    <div class="crust"></div>
    <div class="topping"></div>
    <div class="topping2"></div>
</div>
<button id="play-btn">Play</button>
<div id="score"></div>
<div class="emoji">🤠</div>

const crust = document.querySelector('.crust');
    const topping = document.querySelector('.topping');
    const topping2 = document.querySelector('.topping2');

let moveInterval;

document.getElementById('play-btn').addEventListener('click', function () {
        crust.style.bottom = '0px';
        topping.style.bottom = '30px';
        topping2.style.bottom = '50px';
        score = 0;
        document.getElementById('score').innerText = '';
        document.querySelector('.emoji').innerHTML = '🤥';
        moveInterval = setInterval(movePizzaTower, 300);
        document.addEventListener('keydown', handleKeyDown);
    });
</script>
</body>
</html>