Для того чтобы сохранить первое введённое слово в игре "города" и использовать его для проверки следующих слов, необходимо добавить механизм состояния, который позволит хранить предыдущее слово и сравнивать его с последующими.
Вот шаги, которые помогут вам это сделать:
1. **Определите переменную для хранения текущего города:** Создайте переменную, которая будет хранить последнее правильно введенное слово. Назовём её `currentCity`.
2. **Инициализируйте переменную первым словом:** Когда игрок вводит первое слово, сохраните его в переменной `currentCity`. Покажите это слово на странице как начальное, если это требуется по правилам игры.
3. **Проверьте последующие слова на основе `currentCity`:** В дальнейших вводах сравнивайте первую букву нового слова с последней буквой `currentCity`. Если они совпадают, то новое слово принимается и становится `currentCity`.
4. **Обновите вывод на страницу:** После проверки и при успешном совпадении добавьте новое слово на страницу, игнорируя вывод первого слова, если это необходимо по правилам.
Вот пример кода на языке JavaScript, который использует HTML форму и список для отображения слов:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Игра Города</title>
<script>
let currentCity = null; // Переменная для текущего города
function checkCity() {
let inputCity = document.getElementById('cityInput').value.trim(); // Получаем введенный город
if (!currentCity) {
// Если это первый город
currentCity = inputCity;
// Здесь можно добавить отображение первого города, если нужно
} else {
// Проверяем, что последняя буква текущего города равна первой букве введенного
let lastCharCurrentCity = currentCity.charAt(currentCity.length - 1).toLowerCase();
let firstCharInputCity = inputCity.charAt(0).toLowerCase();
if (lastCharCurrentCity == firstCharInputCity) {
// Если слова подходят, выводим на экран и обновляем текущий город
document.getElementById('citiesList').innerHTML += '<li>' + inputCity + '</li>';
currentCity = inputCity;
} else {
// Сообщаем об ошибке
alert('Город должен начинаться на букву ' + lastCharCurrentCity.toUpperCase());
return false;
}
}
document.getElementById('cityInput').value = ''; // Очищаем поле ввода
return false; // Возвращаем false, чтобы предотвратить перезагрузку страницы
}
</script>
</head>
<body>
<form onsubmit="return checkCity()">
<input type="text" id="cityInput" required>
<button type="submit">Отправить</button>
</form>
<ul id="citiesList">
<!-- Здесь будут выводиться города -->
</ul>
</body>
</html>
```
Этот код создает HTML-страницу с формой ввода для города и списком, где отображаются принятые города. Скрипт содержит функцию `checkCity()`, которая вызывается при отправке формы. Важно отметить, что первое введённое слово предполагается инициализацией игры в `currentCity`, но его вывод на страницу остаётся на ваше усмотрение и может быть добавлен в код, если это необходимо по правилам вашей игры.
