Сьогоднішній журнал навчання: створення гри Whac-A-Mole 🎯

Сьогодні я повторив концепції HTML, CSS та JavaScript, створивши гру Whac-A-Mole. Ось короткий підсумок того, що я зробив:

HTML & CSS:

• Створив сітку з квадратів для гри.
• Стилізував крота, табло та таймер для чистого та чуйного дизайну.

JavaScript:

• Використав querySelector та classList для динамічного додавання та видалення крота в випадкових клітинах.
• Реалізував setInterval для керування появою крота та таймером гри.
• Додав прослуховувачі подій (Event Listener) для виявлення кліків по кроту та оновлення рахунку.

Додаткові функції:

• Додав таймер зворотного відліку для відслідковування прогресу гри.
• Виділив рахунок, коли кріт був успішно вражений.

Цей проєкт допоміг мені зміцнити розуміння обробки подій, маніпуляцій з DOM та функцій часу в JavaScript. Це було захоплююче і чудовий спосіб попрактикуватися в логіці інтерактивних ігор! 😊

Перекладено з: Today’s Learning Journal: Building Whac-A-Mole 🎯