SKIP TO CONTENT
GENERAL TRACK

Делаем страницы интерактивными

Добавьте кнопки, счётчики и динамическое поведение на свои страницы с помощью JavaScript.

1Что такое JavaScript?

До сих пор ваши страницы были статичными — они отображают содержимое, но ничего не меняется, когда вы с ними взаимодействуете. JavaScript — это то, что оживляет страницы. Это «мозг», который слушает клики, обновляет текст, скрывает и показывает элементы и реагирует на действия пользователя.

Три языка веба

HTML

Скелет — какое содержимое появляется на странице

CSS

Облик — как выглядит содержимое (цвета, отступы, шрифты)

JavaScript

Мозг — как страница ведёт себя и реагирует на пользователей

Когда вы программируете интерактивные функции с ИИ, он объединяет все три. Ваш запрос может быть «добавь кнопку, которая считает клики», и ИИ пишет HTML (кнопку), CSS (как она выглядит) и JavaScript (что происходит при клике) — всё сразу.

Your guide

2Запрос: "Добавь кнопку, которая считает клики"

3Настройте счётчик

4Запрос: "Добавь переключатель тёмной темы"

5Задание: Создайте интерактивный список дел