JavaScript: таблица умножения с пометками цветом

По просьбе заинтересованных родителей, ещё одна таблица умножения, не такая вот Пифагорова, а как в обычной школьной тетрадке, где 5 × 8 = 40 :)

Элементы кликабельны, один клик делает пример зелёным (пройденным) или убирает зелёную пометку к состоянию по умолчанию, двойной клик делает пример красным, как бы, нуждающимся во внимании. Цвета примеров должны запоминаться в Cookies вашего браузера и восстанавливаться при повторном посещении страницы (если Вы делаете это из того же браузера и того же профиля операционной системы, что и в прошлый раз!).

Исходный текст скрипта можно увидеть из исходного текста открытой страницы, кодировка Юникода UTF-8.

Полезные приёмы, которые можно извлечь из него, разве что, такие:

• Как "повесить" один обработчик события сразу на много элементов? (см. обработчик события load);
• Как узнать, от какого из этих элементов "пришло" событие? Как отличить одинарный клик по этому элементу от двойного? (см. функцию light).

Возможно, в приложение что-то добавится, если понадобится.

 Приложение "Таблица умножения" с пометками, открыть в текущем окне/вкладке (8 Кб)

15.05.2020, 15:55 [1482 просмотра]