1 создать приложение виселица на js с готовым словом
Для создания приложения "Виселица" на JavaScript с готовым словом, вам понадобится HTML, CSS и JavaScript. Вот пример кода:
HTML (index.html):
```html
Игра "Виселица"
```
CSS (styles.css):
```css
#word {
font-size: 24px;
margin-bottom: 20px;
}
#letters {
display: flex;
flex-wrap: wrap;
}
#letters button {
margin: 5px;
padding: 10px;
font-size: 16px;
}
```
JavaScript (script.js):
```javascript
const words = ['apple', 'banana', 'cherry', 'orange', 'pear'];
const word = words[Math.floor(Math.random() * words.length)];
const wordLetters = word.split('');
let guessedLetters = new Array(word.length).fill(false);
const wordElement = document.getElementById('word');
const lettersElement = document.getElementById('letters');
const hangmanElement = document.getElementById('hangman');
wordLetters.forEach(() => {
wordElement.innerHTML += '_ ';
});
wordLetters.forEach((letter, index) => {
const button = document.createElement('button');
button.innerHTML = letter;
button.addEventListener('click', () => {
if (wordLetters.includes(letter)) {
guessedLetters[index] = true;
wordElement.innerHTML = '';
wordLetters.forEach((char, i) => {
wordElement.innerHTML += guessedLetters[i] ? char + ' ' : '_ ';
});
if (guessedLetters.every((val) => val === true)) {
alert('Поздравляем! Вы угадали слово!');
}
} else {
// Добавьте здесь логику для отображения частей виселицы
}
});
lettersElement.appendChild(button);
});
```
Этот код создает простую игру "Виселица" на основе готового слова из массива `words`. При клике на букву проверяется, есть ли она в слове, и если да, то отображается на экране. Вы можете доработать код, добавив логику для отображения частей виселицы и другие улучшения.