Игра в слова

Игра в слова

Неправильные попытки: 0

Использованные буквы:

body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; margin: 0; } .container { background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); text-align: center; } h1 { color: #333; margin-bottom: 20px; } .word-display { font-size: 2em; margin-bottom: 20px; letter-spacing: 5px; min-height: 1.5em; /* Reserve space */ } .input-area { margin-bottom: 20px; } #letter-input { padding: 10px; margin-right: 10px; border: 1px solid #ccc; border-radius: 4px; width: 50px; text-align: center; font-size: 1.2em; text-transform: lowercase; } #guess-button { padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1em; } #guess-button:hover { background-color: #0056b3; } #message { color: #d9534f; min-height: 1.2em; /* Reserve space */ } #incorrect-guesses { font-weight: bold; } #used-letters { font-weight: bold; } .hidden { display: none; } #restart-button { margin-top: 20px; padding: 10px 20px; background-color: #5cb85c; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1em; } #restart-button:hover { background-color: #4cae4c; } const words = ["программа", "компьютер", "разработка", "интернет", "алгоритм", "функция", "переменная", "массив", "объект", "строка"]; let selectedWord = ""; let guessedWord = []; let incorrectGuesses = 0; let usedLetters = []; const maxIncorrectGuesses = 6; // Simple limit instead of hangman drawing const wordDisplay = document.getElementById("word-display"); const letterInput = document.getElementById("letter-input"); const guessButton = document.getElementById("guess-button"); const messageDisplay = document.getElementById("message"); const incorrectGuessesDisplay = document.getElementById("incorrect-guesses"); const usedLettersDisplay = document.getElementById("used-letters"); const restartButton = document.getElementById("restart-button"); function initializeGame() { selectedWord = words[Math.floor(Math.random() * words.length)]; guessedWord = Array(selectedWord.length).fill("_"); incorrectGuesses = 0; usedLetters = []; wordDisplay.textContent = guessedWord.join(" "); incorrectGuessesDisplay.textContent = incorrectGuesses; usedLettersDisplay.textContent = ""; messageDisplay.textContent = ""; letterInput.value = ""; guessButton.disabled = false; letterInput.disabled = false; restartButton.classList.add("hidden"); } function updateDisplay() { wordDisplay.textContent = guessedWord.join(" "); incorrectGuessesDisplay.textContent = incorrectGuesses; usedLettersDisplay.textContent = usedLetters.join(", "); } function handleGuess() { const guess = letterInput.value.toLowerCase(); letterInput.value = ""; // Clear input field if (!guess || guess.length !== 1 || !/^[а-яё]$/.test(guess)) { messageDisplay.textContent = "Пожалуйста, введите одну русскую букву."; return; } if (usedLetters.includes(guess)) { messageDisplay.textContent = `Вы уже использовали букву "${guess}".`; return; } usedLetters.push(guess); messageDisplay.textContent = ""; // Clear previous message let found = false; for (let i = 0; i < selectedWord.length; i++) { if (selectedWord[i] === guess) { guessedWord[i] = guess; found = true; } } if (found) { messageDisplay.textContent = `Буква "${guess}" есть в слове!`; } else { incorrectGuesses++; messageDisplay.textContent = `Буквы "${guess}" нет в слове.`; } updateDisplay(); checkGameStatus(); } function checkGameStatus() { if (guessedWord.join("") === selectedWord) { messageDisplay.textContent = `Поздравляем! Вы угадали слово: "${selectedWord}"`; endGame(true); } else if (incorrectGuesses >= maxIncorrectGuesses) { messageDisplay.textContent = `Игра окончена! Вы исчерпали попытки. Слово было: "${selectedWord}"`; endGame(false); } } function endGame(win) { guessButton.disabled = true; letterInput.disabled = true; restartButton.classList.remove("hidden"); if (win) { messageDisplay.style.color = "#5cb85c"; // Green for win } else { messageDisplay.style.color = "#d9534f"; // Red for loss } } guessButton.addEventListener("click", handleGuess); letterInput.addEventListener("keypress", function(event) { if (event.key === "Enter") { handleGuess(); } }); restartButton.addEventListener("click", initializeGame); // Start the game on page load initializeGame();