สร้างเกมเมื่อกดรูปปืนให้สุ่มข้อความว่าตายหรือรอดแล้วสร้างปุ่มกดเพื่อรีเกมใหม่'s game

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

No:36321

←

Prev Next

→

สร้างเกมเมื่อกดรูปปืนให้สุ่มข้อความว่าตายหรือรอดแล..ALL
Developer Spy｜Date and time 24/1/17 10:29:19
Build time 7.201 sec｜Game capacity 1.974KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Gun Game</title>
<style>
    body {
        text-align: center;
        padding-top: 200px;
    }
    .image {
        cursor: pointer;
        margin: 0 auto;
    }
    .message {
        margin-top: 20px;
        font-weight: bold;
    }
    .restart-button {
        display: none;
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 20px;
        text-align: center;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
</style>
</head>
<body>
    <img class="image" src="gun.png" alt="Gun" onclick="shootGun()">
    <p class="message"></p>
    <button class="restart-button" onclick="restartGame()">เริ่มเกมใหม่</button>
<script>
    var gameOver = false;

function shootGun() {
        if (gameOver) {
            return;
        }

// Randomly determine if the player survives or dies
        var randomNumber = Math.random();
        var message = "";

if (randomNumber < 0.5) {
            message = "ตาย!";
        } else {
            message = "รอด!";
        }

// Display the result message
        var messageElement = document.querySelector(".message");
        messageElement.innerHTML = message;

// Show the restart button
        var restartButton = document.querySelector(".restart-button");
        restartButton.style.display = "inline-block";

// Set the game over flag
        gameOver = true;
    }

function restartGame() {
        // Hide the restart button
        var restartButton = document.querySelector(".restart-button");
        restartButton.style.display = "none";

// Clear the previous result message
        var messageElement = document.querySelector(".message");
        messageElement.innerHTML = "";

// Reset the game over flag
        gameOver = false;
    }
</script>
</body>
</html>