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

No:10530

191

←

Prev Next

→

Hangman
Developer User4571｜Date and time 23/7/31 21:47:29
Build time 27.168 sec｜Game capacity 3.669KB｜

Script

Hangman Game

Wrong Letters:

Guess a letter:

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Hangman</title>
</head>
<body>
    <h1>Hangman Game</h1>
    
    <div id="wordContainer">
        <h2 id="word"></h2>
    </div>
    
    <div id="wrongLettersContainer">
        <h3>Wrong Letters:</h3>
        <p id="wrongLetters"></p>
    </div>
    
    <div id="guessContainer">
        <h3>Guess a letter:</h3>
        <input type="text" id="guess" />
        <button onclick="makeGuess()">Guess</button>
    </div>
    
    <script>
        // Available words for the game
        var words = ["apple", "banana", "carrot", "orange", "kiwi", "melon", "grapes", "peach", "strawberry", "watermelon"];
        
        // Randomly selecting a word from the list
        var word = words[Math.floor(Math.random() * words.length)];
        
        // Tracking the guessed word
        var guessedWord = "";
        
        // Tracking the wrong letters guessed
        var wrongLetters = "";
        
        // Maximum live points (number of allowed wrong guesses)
        var maxLivePoints = 6;
        
        // Current live points
        var livePoints = maxLivePoints;
        
        // Display the initial state of the game
        displayWord();
        
        // Function to display the current state of the guessed word
        function displayWord() {
            var wordElement = document.getElementById("word");
            wordElement.textContent = "";
            
            for (var i = 0; i < word.length; i++) {
                if (guessedWord.includes(word[i])) {
                    wordElement.textContent += word[i] + " ";
                } else {
                    wordElement.textContent += "_ ";
                }
            }
        }
        
        // Function to check the guessed letter
        function makeGuess() {
            var guessElement = document.getElementById("guess");
            var guess = guessElement.value.toLowerCase();
            
            // Validate the user input
            if (!guess.match(/^[a-z]$/) || wrongLetters.includes(guess) || guessedWord.includes(guess)) {
                alert("Invalid guess! Enter a letter you haven't guessed yet.");
                guessElement.value = "";
                return;
            }
            
            // Check if the guessed letter is in the word
            if (word.includes(guess)) {
                guessedWord += guess;
                
                // Check if all letters have been guessed correctly
                if (guessedWord.length === word.length) {
                    alert("Congratulations! You guessed the word!");
                    resetGame();
                    return;
                }
                
            } else {
                wrongLetters += guess + " ";
                livePoints--;
                
                // Check if live points are exhausted
                if (livePoints === 0) {
                    alert("Game Over! The word was: " + word);
                    resetGame();
                    return;
                }
            }
            
            // Update the game display
            displayWord();
            document.getElementById("wrongLetters").textContent = wrongLetters;
            guessElement.value = "";
        }
        
        // Function to reset the game
        function resetGame() {
            word = words[Math.floor(Math.random() * words.length)];
            guessedWord = "";
            wrongLetters = "";
            livePoints = maxLivePoints;
            
            displayWord();
            document.getElementById("wrongLetters").textContent = "";
        }
    </script>
</body>
</html>