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

No:35463

Make A Murder Mystery Game on
Developer User16539｜Date and time 24/1/14 14:25:55
Build time 11.604 sec｜Game capacity 3.78KB｜

Script

Murder Mystery Game

Can you solve the mystery?

Clue: The murder weapon is

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
    <title>Murder Mystery Game</title>

#game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 50px;
        }

#clue-container {
            margin-top: 20px;
            display: none;
            background-color: #f1f1f1;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        }

#clue-container p {
            margin-bottom: 5px;
        }

#clue-container button {
            margin-top: 10px;
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 8px 16px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            cursor: pointer;
        }

#outcome-container {
            margin-top: 20px;
            display: none;
            background-color: #f1f1f1;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        }
    </style>
</head>

<body>
    <div id="game-container">
        <h1>Murder Mystery Game</h1>
        <p>Can you solve the mystery?</p>

<img src="pictograms/location.png" alt="Location Image" id="location-image">
        <button onclick="startGame()">Start</button>

<div id="clue-container">
            <p>Clue: The murder weapon is <span id="weapon"></span></p>
            <button onclick="revealOutcome()">Accuse</button>
        </div>

<div id="outcome-container">
            <p id="outcome"></p>
            <button onclick="resetGame()">Play Again</button>
        </div>
    </div>

// Randomly selects the murder weapon
        var randomWeapon = weapons[Math.floor(Math.random() * weapons.length)];

// Function to start the game
        function startGame() {
            document.getElementById('location-image').style.display = 'none';
            document.getElementById('clue-container').style.display = 'block';
            document.getElementById('weapon').innerHTML = randomWeapon;
        }

// Function to reveal the outcome of the game
        function revealOutcome() {
            var accusation = prompt('Who do you accuse?');

if (accusation === '') {
                document.getElementById('outcome').innerHTML = 'You must enter a name for your accusation.';
            } else {
                var outcome = 'You accused ' + accusation + '. ';

if (accusation.toLowerCase() === randomWeapon) {
                    outcome += 'Congratulations! You solved the murder mystery!';
                } else {
                    outcome += 'Unfortunately, you accused the wrong person. The murder remains unsolved.';
                }

document.getElementById('clue-container').style.display = 'none';
                document.getElementById('outcome-container').style.display = 'block';
                document.getElementById('outcome').innerHTML = outcome;
            }
        }

// Function to reset the game
        function resetGame() {
            randomWeapon = weapons[Math.floor(Math.random() * weapons.length)];
            document.getElementById('location-image').style.display = 'inline';
            document.getElementById('clue-container').style.display = 'none';
            document.getElementById('outcome-container').style.display = 'none';
        }
    </script>
</body>

</html>