Как передавать через стрелочки класс в JS?

Question

[Рома]

При нажатии на стрелочку вниз в данном примере мы перемещаем класс active в 2-й блок 3-го ряда, а если нажимаем стрелочку вправо возле границы то нас переносит на начало ряда. и т.д. . Аналогия надеюсь понятна. Как такое можно сделать?

У меня только 2 идеи. 1 - это вручную задавать блокам "х" и "у", но это геморно.
2 - это валяться на диване.

Comments

[Сергей delphinpro]

в чем конкретно проблема?
Или за вас всё написать?

[Модератор]

Пользуйтесь кнопкой + в редакторе сообщений для размещения ссылки на codepen

Answer 1

[Сергей Соколов]

Нумеровать поля можно парами (x, y), а можно сквозной нумерацией 0..8 как div'ы в контейнере.
Понадобится перевод из одной системы в другую, и назад.

Текущее состояние можно держать как сквозной номер активного дива.
Стрелочки меняют (x, y) координаты.
Не забыть перевести туда-сюда и отрисовать – удаляя/добавляя класс, в зависимости от номера дива.