Прилагается картинка.
Создать массив. К примеру из 10 элементов текста от 1 до 10. Например : ['1','2', и т.д.].
При нажатии на кнопку "СТАРТ" - динамически сверстать блоки одинакового размера. Пока можно вручную расчитать.
Так, чтобы они поместились внутри игрового поля. Можно окрасить бэкграунд каждого блока в один цвет, чтобы было видно и сделать между ними отступы.
У нас поле определенного размера в высоту и ширину. Кол-во карточек будет всегда разным. Пока можно вручную высчитать максимальный предел этого поля, и определённый размер карточек, чтобы они помещались вместе с отступами, возможно или добавлять скролл.
Например так:
Кнопка "СТАРТ" после клика становится неактивной и написано на ней "ИГРА НАЧАТА" Поиграться разными размерами массивов, разными стилями отображения, и подумать как это оптимизировать потом для атоматического расчёта размеров блоков и отступов, когда кол-во элементов массива будет неизвестным.
Нажатие на 1 блок - выплывает сообщение "блок 1 нажат" и т.п.
Например: нажат блок №1 и в массив залетает номер этого блока. Также в этом пункте, как-то помечать эти блоки с помощью CSS (можно к примеру рамочку делать или фон).
Когда нажимаешь клавишу "СТАРТ" - то начинается отсчет времени. Хранить это время в переменной. Обнулять при старте игры, останавливать при завершении.
При превышении предела игрового поля высчитывать размер карточек в зависимости от кол-ва.
Взять url одной Библейской истории и поключить в проект файл markdown .(https://git.door43.org/ru_gl/rsl_obs/raw/branch/master/15.md)
Написать функцию, которая рандомно меняет порядок картинок.
Вырезать из markdown все ссылки на картинки и добавить их в массив блоков, который рандомно будет верстаться как в пункте 2. Подключить функцию из пункта 8
Игра успешно завершается, если игрок хронологически правильно нажимает на картинки. У нас есть массив, куда сохраняются результаты. И есть массив, который следит за очередностью(массив из картинок, спарсенный из markdown) У каждой картинки есть название и последние 2 цифры - это очередность. Нужно проверять правильно ли хронологически игрок нажимает на эти блоки. К примеру массив который рисуется [{name:picture02.jpg},{name:picture01.jpg},{name:picture03.jpg}]. Отыгравшие блоки делать некликабельными и выделять их Если игра успешно завершается - кнопка "Старт" становится доступной для начала новой игры, время останавливается и появляется окошко - "Игра успешно завершена, ваше время: 00,00" Если порядок нарушается - то писать сообщение - "неправильный ответ попробуйте ещё"
Работа с localstorage. Запись и вывод списка лучшего времени рядом с полем игры.
При неправильном порядке нажатии - заканчивать игру с обнулением результата (не записывать в localstorage))
Cделать выбор истории с помощью тега "select" ( подсказка - url будет только отличаться названием файла от 01.md до 50.md в url https://git.door43.org/ru_gl/rsl_obs/raw/branch/master/15.md)
