КУРС С ПРАКТИКОЙ В БРАУЗЕРЕ

Основы JavaScript.

Переменные, клики и события, изменение страницы из кода — и мини-проекты: кликер, счётчик квиза и светофор.

8 уроков100 XPВ своём темпе

ЧТО ТЫ ИЗУЧИШЬ

Программа курса

01
Первая переменная
Открой вкладку JS. Создай переменную player со своим именем и выведи в блок #out фразу вида «Игрок: Аня».
10 XP
02
Считаем очки
Создай переменную score с числом очков (от 10 до 100) и выведи в #out: «Результат: 42 очков» — подставь своё число через шаблонную строку.
10 XP

03
Кнопка отвечает
Подпишись на клик кнопки #btn: после нажатия на кнопке должно появиться «Поехали!» вместо «Старт!».
10 XP
04
Счётчик кликов
Сделай кликер: каждое нажатие кнопки #btn увеличивает число в #out на единицу. Понадобится переменная-счётчик на let.
10 XP

05
Добавляем пункты
По клику на кнопку #add в список #list должен добавляться новый пункт <li> с именем игрока — при каждом нажатии новый.
10 XP
06
Ночной режим по кнопке
По клику на #night включай ночной режим: фон страницы — тёмный, текст — светлый. Стили меняем из JS через body.style.
10 XP

07
Проект: счётчик квиза
Собери рабочий счётчик очков команды: «+1» прибавляет, «−1» убавляет, «Сброс» обнуляет. Разметка уже готова — вся логика живёт в JS.
10 XP
08
Босс: светофор
Оживи светофор: каждый клик на #next зажигает следующий огонь по кругу — красный → жёлтый → зелёный → снова красный. Лампа включается классом on (цвета уже прописаны в CSS), остальные лампы гаснут.
30 XP

В каждом уроке: задание, редактор кода, живой результат, подсказки и проверка. Начни с простого и собери собственные учебные проекты.

Можно заниматься без регистрации. Создай аккаунт, если хочешь сохранять прогресс между устройствами.