Código fuente de la página "HisashiApp"'s game

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

No:26210

←

Prev Next

→

Código fuente de la página "HisashiApp"
Developer User12699｜Date and time 23/11/27 21:09:02
Build time 41.573 sec｜Game capacity 2.963KB｜

Script

Aquí tienes el código fuente de la página "HisashiApp", que implementa un juego utilizando JavaScript y pictogramas:

Este código implementa una página HTML llamada "HisashiApp" que tiene tres botones con imágenes (representadas por pictogramas) que simulan un juego. Al hacer clic en el botón de inicio, se inicia el juego y se muestra un mensaje. Luego, el jugador puede hacer clic en el botón de acción para aumentar su puntuación. La puntuación se muestra en el botón respectivo. Si el jugador hace clic en el botón de puntuación, el juego termina y se muestra la puntuación final.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Aquí tienes el código fuente de la página "HisashiApp", que implementa un juego utilizando JavaScript y pictogramas:

```html
<!DOCTYPE html>
<html>
<head>
    <title>HisashiApp</title>
    <style>
        body {
            text-align: center;
            font-size: 48px;
            font-weight: bold;
            background-color: #f1f1f1;
        }
        
        #game-container {
            margin-top: 100px;
        }
        
        .btn {
            padding: 20px;
            margin: 10px;
            border-radius: 10px;
            cursor: pointer;
            background-color: #4287f5;
            color: white;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <img id="start-img" src="start.png" alt="Start" class="btn">
        <img id="action-img" src="action.png" alt="Action" class="btn">
        <img id="score-img" src="score.png" alt="Score" class="btn">
    </div>

// Elementos del DOM
        var startImg = document.getElementById("start-img");
        var actionImg = document.getElementById("action-img");
        var scoreImg = document.getElementById("score-img");

// Funciones de juego
        function startGame() {
            gameStarted = true;
            score = 0;
            updateScore();
            showMessage("¡Juego iniciado!");
            hideElement(startImg);
            showElement(actionImg);
            showElement(scoreImg);
        }

function endGame() {
            gameStarted = false;
            showMessage("¡Juego terminado! Puntuación final: " + score);
            hideElement(actionImg);
        }

function performAction() {
            if (gameStarted) {
                score++;
                updateScore();
            }
        }

function updateScore() {
            scoreImg.innerHTML = "Puntuación: " + score;
        }

function showMessage(message) {
            alert(message);
        }

function hideElement(element) {
            element.style.display = "none";
        }

function showElement(element) {
            element.style.display = "inline";
        }

// Eventos del juego
        startImg.addEventListener("click", startGame);
        actionImg.addEventListener("click", performAction);
        scoreImg.addEventListener("click", endGame);
    </script>
</body>
</html>
```