Game hangmane game best's game | AI game creator

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

No:48338

54

Game hangmane game best
Developer User20718｜Date and time 24/3/1 21:52:50
Build time 7.764 sec｜Game capacity 2.026KB｜

→ 　

0　

0　

[PR]現在の売れ筋ゲームアプリランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<style>
  body {
    font-family: Arial, sans-serif;
  }
  #word {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #letters {
    display: flex;
    flex-wrap: wrap;
  }
  .letter {
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    margin: 5px;
    cursor: pointer;
    border: 1px solid black;
    border-radius: 5px;
  }
</style>
</head>
<body>
<div id="word"></div>
<div id="letters"></div>

<script>
let words = ["DOG", "CAT", "BIRD", "FISH"];
let chosenWord = words[Math.floor(Math.random() * words.length)];
let guessedWord = "_".repeat(chosenWord.length);
let remainingGuesses = 6;
let lettersGuessed = [];

function updateWord() {
  document.getElementById("word").innerText = guessedWord.split("").join(" ");
}

function updateLetters() {
  let lettersDiv = document.getElementById("letters");
  lettersDiv.innerHTML = "";
  
  for (let i = 65; i <= 90; i++) {
    let letter = String.fromCharCode(i);
    let letterDiv = document.createElement("div");
    letterDiv.innerText = letter;
    
    if (lettersGuessed.includes(letter)) {
      letterDiv.classList.add("letter", "disabled");
    } else {
      letterDiv.classList.add("letter");
      letterDiv.addEventListener("click", function() {
        checkLetter(letter);
      });
    }
    
    lettersDiv.appendChild(letterDiv);
  }
}

function checkLetter(letter) {
  if (!chosenWord.includes(letter)) {
    remainingGuesses--;
  } else {
    for (let i = 0; i < chosenWord.length; i++) {
      if (chosenWord[i] === letter) {
        guessedWord = guessedWord.substr(0, i) + letter + guessedWord.substr(i + 1);
      }
    }
  }
  
  lettersGuessed.push(letter);
  updateWord();
  updateLetters();
  
  if (guessedWord === chosenWord) {
    alert("Congratulations, you guessed the word!");
    location.reload();
  } else if (remainingGuesses === 0) {
    alert("Game over! The word was " + chosenWord);
    location.reload();
  }
}

updateWord();
updateLetters();
</script>
</body>
</html>