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

No:37203

Guess what animal dna is it?
Developer User17015｜Date and time 24/1/20 17:56:47
Build time 11.211 sec｜Game capacity 2.596KB｜

Script

Угадай ДНК животного

Добро пожаловать в игру "Угадай ДНК животного"! Я буду показывать вам последовательность ДНК животного, а ваша задача - угадать, к какому животному она относится. Будем использовать пиктограммы для лучшего понимания.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Угадай ДНК животного</title>
</head>
<body>
	<h1>Угадай ДНК животного</h1>
	<p>Добро пожаловать в игру "Угадай ДНК животного"! Я буду показывать вам последовательность ДНК животного, а ваша задача - угадать, к какому животному она относится. Будем использовать пиктограммы для лучшего понимания.</p>
	
	<div id="game">
		<img id="dnaImg" src="default.png" alt="Animal DNA">
		<br>
		<input type="text" id="guessInput" placeholder="Введите вашу догадку">
		<button onclick="guessAnimal()">Угадать</button>
		<p id="result"></p>
	</div>

// Получаем ссылки на элементы DOM
		var dnaImg = document.getElementById('dnaImg');
		var guessInput = document.getElementById('guessInput');
		var result = document.getElementById('result');

// Функция для обработки угадывания животного
		function guessAnimal() {
			// Получаем введенную пользователем догадку
			var guess = guessInput.value.trim().toUpperCase();

// Проверяем догадку пользователя с каждым элементом массива animals
			for (var i = 0; i < animals.length; i++) {
				if (guess === animals[i].name.toUpperCase()) {
					// Если догадка правильна, отображаем соответствующую пиктограмму и выводим сообщение о победе
					dnaImg.src = animals[i].image;
					result.textContent = 'Правильно! Это ' + animals[i].name + '!';
					result.style.color = 'green';
					return;
				}
			}

// Если догадка неправильна, выводим сообщение о поражении
			result.textContent = 'Увы, неправильно. Попробуйте еще раз!';
			result.style.color = 'red';
		}

// Запускаем игру
		guessInput.focus();
	</script>
</body>
</html>