оригинальная версия версия для слабовидящих контрастная версия выключить изображения включить изображения тёмная версия светлая версия RSS FEED K2 NEWS
☰☰
Среда, 15 Апрель 2026 17:43

Игра: «Сапёр» JavaScript

«Сапёр» — это та самая игра, в которую многие из нас играли в детстве на старых компьютерах. Помнишь? Серое поле, квадратики, кликаешь — а там либо цифра, либо бабах. Теперь она сделана полностью на JavaScript, чтобы можно было вставить на любой сайт одной кнопкой. Суть игры простая: нужно открыть все клетки, в которых нет мин. Цифры показывают, сколько мин спрятано вокруг. Логика, удача и немного нервов — вот и весь рецепт.

Javascript Сапёр

Здесь мы имеем три блока, разметка HTML, стили CSS и код JS:

Сапёр

Исходный код: js_miner.txt

Три уровня сложности

Если хочешь расслабиться — бери лёгкий уровень, поле 9 на 9, всего 10 мин. Если чувствуешь себя профи — сложный режим, 99 мин на поле 16 на 30. Честно, сам на нём часто проигрываю. Ещё есть средний — золотая середина.

Таблица рекордов

Самое крутое — игра запоминает лучших. Ты выигрываешь, вводишь своё имя, и оно попадает в таблицу. Показываются топ-10 результатов для каждого уровня сложности. Можно соревноваться с друзьями или просто пытаться побить свой же рекорд. Рекорды не пропадают даже если закрыть страницу — они сохраняются в браузере.

Живой смайлик

Ты видишь эту кнопку со смайликом по центру? Она сделана эмоциональной. Обычно он просто улыбается ?, но когда нажимаешь на клетку — пугается ?. Если выиграл — надевает очки и ухмыляется ?. Если проиграл — превращается в череп ?. Мелочь, а приятно.

Быстрое открытие

Это моя любимая фишка. Представь: ты поставил флажки на все мины вокруг цифры, например вокруг двойки стоят два флага. Теперь вместо того чтобы кликать по каждой клетке отдельно — просто нажми на саму цифру, и игра сама откроет все безопасные клетки вокруг. Экономит кучу времени и нервов.

Что происходит при проигрыше

Если взорвался — игра показывает всё поле. Мины, на которых ты правильно поставил флаг, становятся зелёными с галочкой ✅. Те, где забыл поставить флаг — красные бомбы ?. А если поставил флаг туда, где мины нет — показывается крестик ❌. Очень наглядно, сразу видно свои ошибки.

Спонсоры: