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

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

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

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

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

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

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

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

 Открыть приложение Таблица умножения с пометками в новом окне/вкладке


теги: javascript числа детское цвет

15.05.2020, 15:55; рейтинг: 41