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

No:16457

Crie um jogo sobre um menino de 10 anos chamado pe..ALL
Developer User7300｜Date and time 23/9/18 6:21:34
Build time 18.033 sec｜Game capacity 2.459KB｜

Script

Jogo do Pedro

Escolha uma forma para o Pedro se transformar:

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Jogo do Pedro</title>
<style>
    body {
        text-align: center;
        font-family: Arial, sans-serif;
    }
    
    #game-message {
        font-size: 24px;
        margin-top: 30px;
    }
    
    #buttons-container {
        margin-top: 20px;
    }
    
    .game-button {
        background-color: #4CAF50;
        color: white;
        padding: 10px 20px;
        font-size: 18px;
        cursor: pointer;
        border-radius: 5px;
        border: none;
        margin: 5px;
    }

.game-button:hover {
        background-color: #45a049;
    }
</style>
</head>
<body>
    <h1>Jogo do Pedro</h1>
    <p id="game-message">Escolha uma forma para o Pedro se transformar:</p>
    <div id="buttons-container">
        <button class="game-button" id="transform-gato">Gato</button>
        <button class="game-button" id="transform-axolote">Axolote</button>
        <button class="game-button" id="transform-ameba">Ameba</button>
    </div>

// Funções
        function transformToGato() {
            currentForm = "gato";
            updateGameMessage();
        }

function transformToAxolote() {
            currentForm = "axolote";
            updateGameMessage();
        }

function transformToAmeba() {
            currentForm = "ameba";
            updateGameMessage();
        }

function updateGameMessage() {
            var message = "O Pedro agora é um ";

switch (currentForm) {
                case "menino":
                    message += "menino.";
                    break;
                case "gato":
                    message += "gato.";
                    break;
                case "axolote":
                    message += "axolote.";
                    break;
                case "ameba":
                    message += "ameba.";
                    break;
            }

document.getElementById("game-message").textContent = message;
        }

// Event Listeners
        document.getElementById("transform-gato").addEventListener("click", transformToGato);
        document.getElementById("transform-axolote").addEventListener("click", transformToAxolote);
        document.getElementById("transform-ameba").addEventListener("click", transformToAmeba);

// Iniciar o jogo
        updateGameMessage();
    </script>
</body>
</html>