Задача «Пятнашки»
Разбирая коробку со старыми детскими игрушками Вика нашла пятнашки - любимую игру, за которой могла просидеть всё утро. Коробочка была старая, местами потёртая, а самое главное - не хватало цифры шесть. А так хотелось поиграть!
Реализуй веб версию пятнашек, используя заготовку из этого репозитория. В файле
index.html создай основу для пятнашек. Это может быть <div>, в который скриптом
добавится всё остальное, а может быть таблица 4x4 с кучей вложенных элементов.
Выбирать тебе!
В index.css напиши стили к пятнашкам. Единственное требование - сделать так,
чтобы тебе нравилось :)
index.js будет содержать логику по перемещению пятнашек. Если кликнули
на пятнашку и рядом с ней есть пустая клетка, то пятнашка перемещается на неё.
В противном случае всё остается на месте. При загрузке страницы пятнашки
случайным образом распределяются по полю. Верхняя левая клетка остаётся свободной.
Как только игрок собирает пятнашки в нужном порядке - игра завершается. Сообщи пользователю об этом любым удобным способом - от подсветки фона до салюта на странице. Главное не забыть это протестировать!
Постарайся сделать так, чтобы код можно было запустить в любом браузере. Это
значит что как минимум от const и () => {} придётся отказаться.
Почитать
- Слайды лекции про тестирование в браузере
- Какую библиотеку использовать для assert
- Как запустить тесты в консоли
- Как показать решение ментору
