Пост от 14.01.2025, 07:00:00

Отредактирован 27.01.2026, 10:58:12

Категории: study,programming

Время чтения: 2мин.

Простые веб-страницы с подсчётом очков, сделанные на ванильном HTML, js

Делал их примерно по 2-3 часа свободного времени, за две недели управился c первыми двумя. Основной целью было сделать викторины, которые работают независимо от ОС, офисного пакета, таким образом можно легко настраивать масштаб, запускать с разным соотношением сторон.

Иллюстрации сделаны в Inkscape, код писался в VSCodium Фото из приложения

Декада первого учебного года

Интерактивные викторины для декады доступны через ссылки. Интерактив по физике и математике.

Так как я вернулся к этому коду чтобы переписать его для поддержки CSP, я увидил мой старый стиль кодинга на JS, с теми самыми var’ами и иногда без ключевого слова объявления переменных.

В первых двух я наивно полагал что каждой командой будут “очков” минимум 5, и для физики я чуточку переписал вёрстку для того, чтобы оно выглядело чуточку больше по русски.

Декада второго учебного года

Эту игру я делал примерно недельку по 1 часу в день. Так как требования к вопросам были выставлены заранее, думать об интересных заданиях пришлось меньше.

В итоге так и не была использована ни в какой проектной деятельности…

Интерактивная викторина по ЭВМ

В этой игре я уже получал все значения при помощи document.getElementById, а не inline’ил JS на onclick.

В этой игре вопросы не такие оригинальные, но думаю всё равно хорошие. В этот раз получилось ещё обиднее, потому что здесь впервый и в последний раз появился выбор количества команд.