Javascript: онлайн-таблица для кругового турнира

Ладно, упросил человек, нужно ему такие HTML-таблички куда-то, хотя на самом деле кодик жуткий, писался левой ногой пьяным из старых заготовок, вроде бы, работает, проверил на текущей таблице отсюда, впрочем, скрипт годится не только для шахмат при небольшом обобщении.

• В первый столбец можно, но необязательно вводить фамилии или другие идентификаторы игроков, остальные столбцы защищены от прямого ввода;
• Кликом по ячейкам для результатов по кругу ставятся значения "1" - "=" - "0" - "пусто", учитывая второго игрока, получающего "0" - "=" - "1" - "пусто" соответственно;
• Над ячейками, по которым можно кликать, при наведении мыши появляется всплывающая подсказка (атрибут title), показывающая, партию какого номера в таблице с каким мы устанавливаем;
• Кнопка "HTML" обновит разметку в многострочном текстовом поле и покажет под ним новую табличку, предполагается, что перед этим нажималась кнопка "Расчёт";
• Данные выделяются одним кликом по многострочной текстовой области, после чего можно их копировать и вставлять через Ctrl+C - Ctrl+V куда нужно. Под разметкой показывается и общий вид таблички;
• Текущее состояние таблички будет автоматически сохраняться на стороне клиента (то есть, только для Вас), при условии, что Вы открыли её в том же браузере и том же профиле, что и в прошлый раз. Для публикации таблицы копируйте её разметку из многострочного поля ввода или делайте скриншот выведенной под ним таблицы;
• Добавляется и удаляется только последняя строка, так что есть смысл нажимать "Расчёт" перед такими действиями, тогда игроки сортируются по местам;
• Скрипт работает в кодировке Юникода UTF-8, а его исходник можно увидеть из исходника страницы, нажав правой кнопкой мыши на свободном месте и выбрав команду меню "Исходный код страницы", "Просмотр HTML-кода" и т.п., название пункта меню зависит от браузера;
• Все данные сохраняются в localStorage, то есть cookie-ограничений нет и для практических потребностей сохраняемых объёмов хватит;
• Скрипт работает и локально, то есть, про протоколу file:// при открытии скачанного исходника кликом по файлу типа .html, куда он был сохранён. Возможно, некоторые браузеры ограничивают работу с localStorage по протоколу file:// (Firefox и MS Edge - нет).

Ниже показан скрипт в работе и прикреплён скриншот.

 Открыть скрипт в текущем окне/вкладке (7 Кб)

Фрагмент экрана при работе скрипта, скриншот

Исходник скрипта можно увидеть по ссылке из исходника страницы.

В инете есть мощные фреймворки по теме, но здесь такой задачи не было изначально.

10.05.2022, 00:02 [764 просмотра]