Vollständiges Spiel. Gib keine Erklärungen, nur den Code.'s game

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

No:33900

←

Prev Next

→

Vollständiges Spiel. Gib keine Erklärungen, nur de..ALL
Developer User14077｜Date and time 24/1/7 0:57:47
Build time 27.487 sec｜Game capacity 2.497KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mein Spiel</title>
<style>
    * {
        box-sizing: border-box;
    }
    body {
        font-family: Arial, sans-serif;
        text-align: center;
    }
    #game-container {
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #start-button {
        padding: 10px 20px;
        background-color: #337ab7;
        color: #fff;
        border: none;
        border-radius: 5px;
        font-size: 18px;
        cursor: pointer;
    }
    #score-board {
        font-size: 24px;
        margin-top: 20px;
    }
    .pictogram {
        font-size: 50px;
        margin: 10px;
        cursor: pointer;
    }
    .pictogram:hover {
        opacity: 0.7;
    }
</style>
</head>
<body>
    <div id="game-container">
        <button id="start-button">Spiel starten</button>
    </div>
    <div id="score-board"></div>
    
<script>
    // Array mit Piktogrammen
    const pictograms = [
        "✂️", "✊", "✋"
    ];
    
    // Spielvariablen
    let score = 0;
    let playing = false;
    let intervalId;
    
    // Funktion zum Starten des Spiels
    function startGame() {
        playing = true;
        score = 0;
        updateScore();
        intervalId = setInterval(showRandomPictogram, 1000);
    }
    
    // Funktion zum Beenden des Spiels
    function endGame() {
        playing = false;
        clearInterval(intervalId);
    }
    
    // Funktion zum Anzeigen eines zufälligen Piktogramms
    function showRandomPictogram() {
        const randomIndex = Math.floor(Math.random() * pictograms.length);
        const pictogramContainer = document.getElementById("game-container");
        pictogramContainer.innerHTML = `<span class="pictogram">${pictograms[randomIndex]}</span>`;
    }
    
    // Funktion zum Punkte aktualisieren
    function updateScore() {
        document.getElementById("score-board").innerText = `Score: ${score}`;
    }
    
    // Event Listener für Starten des Spiels
    document.getElementById("start-button").addEventListener("click", function() {
        if (!playing) {
            startGame();
        }
    });
    
    // Event Listener für Klicken auf Piktogramm
    document.addEventListener("click", function(event){
        if (event.target.classList.contains("pictogram") && playing) {
            score++;
            updateScore();
        }
    });
    
</script>
</body>
</html>