Установка:
- Подключаем CSS minesweeper.css
- Подключаем JS minesweeper.js ниже HTML, который представлен ниже:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<div class="col-left"> <div class="settings"> <label for="boardSize">Размер поля:</label> <input id="boardSize" type="range" value="10" min="4" max="20"> <!-- <label for="tileSize">tile size</label> <input id="tileSize" type="range" min="10" max="100" step="10"> --> <fieldset> <input type="radio" id="easy" name="difficulty" value="0.1" class="difficulty"> <label for="easy">Легко</label> <input type="radio" id="normal" name="difficulty" value="0.2" class="difficulty" checked> <label for="normal">Нормально</label> <input type="radio" id="hard" name="difficulty" value="0.4" class="difficulty"> <label for="hard">Сложно</label> </fieldset> </div> </div> <div class="col-right"> <a href="#!" class="minesweeper-btn">Новая игра</a> </div> <div class="board-wrap"> <div class="board"></div> </div> <div class="endscreen"></div> |
Найдено на codepen.io у пользователя creme
на эту строчку board.appendChild(tile) говорит Cannot read properties of undefined (reading 'appendChild')
Попробуйте это
Пишет Uncaught TypeError: board is undefined
JS ниже HTML в коде?
Если поместить его ниже возможности нет, то так:
document.addEventListener("DOMContentLoaded", () => { // тут JS });Ответьте девушке, пожалуйста. Что у меня не стыкуется со шрифтами в скрипте и html? Не добавляю никаких мета-тегов: идёт нестыковка шрифтов в скрипте. Добавляю meta charset="UTF-8" и теряю шрифты в html.
Не понял, при чем тут шрифты и скрипты?
Исправьте опечатку. Не "Вы выйграли!", а "Вы выиграли!"
Спасибо, исправил 🙂
Спасибо. Поставлю на сайте для капчи для смеху в форме для связи))). Посмотрю на результаты)) А то боты на прошлом сайте задрали настолько, что пришлось отключать регистрацию и комментарии. Хостинг аж блочил мой сайт. Сейчас хочу изначально всё переработать и сразу исправлять ошибки прошлого. Жаль, что на js, он обходится, придётся переписывать на Java и переносить на технологию взаимодействия ajax. Посмотрим, что выйдет)
И ещё немного логика сапёра нарушена. Здесь поле формируется изначально, а в исходном, после первого нажатия. Поэтому здесь можно сразу на мину налететь)
Для капчи можно использовать )))