// Создаем игру паззл на основе визуальных символов
// Pictograms используются для отображения паззлов
// Игра реализована в виде одного HTML файла с JavaScript внутри тегов
// Получаем ссылку на элемент для дальнейшего размещения паззлов
var body = document.querySelector('body');
// Создаем массив с паззлами, каждый паззл представлен как объект с ключами 'img' и 'solved'
var puzzles = [
{ img: '🐶', solved: false },
{ img: '🐱', solved: false },
{ img: '🐭', solved: false },
{ img: '🐰', solved: false },
{ img: '🐼', solved: false }
];
// Создаем функцию, которая отображает все паззлы
function displayPuzzles() {
// Очищаем содержимое
body.innerHTML = '';
// Проходимся по каждому паззлу в массиве
puzzles.forEach(function(puzzle, index) {
// Создаем элемент для паззла
var puzzleElement = document.createElement('div');
// Задаем содержимое паззла
puzzleElement.innerHTML = puzzle.img;
// Добавляем стили для паззла
puzzleElement.style = 'font-size: 40px; display: inline-block; padding: 10px; cursor: pointer;';
// Добавляем обработчик клика на паззл
puzzleElement.onclick = function() {
// Проверяем, является ли паззл текуще отгаданным
if (!puzzle.solved) {
// Если нет, то отмечаем его как отгаданный
puzzle.solved = true;
// Меняем стиль паззла, чтобы отразить его отгаданное состояние
puzzleElement.style = 'font-size: 40px; display: inline-block; padding: 10px; cursor: pointer; text-decoration: line-through; color: gray;';
// Проверяем, все ли паззлы отгаданы
var allPuzzlesSolved = puzzles.every(function(puzzle) {
return puzzle.solved;
});
// Если все паззлы отгаданы, выводим сообщение о победе
if (allPuzzlesSolved) {
alertHisa('Поздравляем! Вы решили все паззлы!');
}
}
}
// Добавляем паззл в
body.appendChild(puzzleElement);
});
}
// Запускаем игру
displayPuzzles();