Завдання 1
Створіть лічильник кліків кнопки. Кожного разу, коли користувач натискає на кнопку, збільшуйте лічильник на 1 і відображайте його значення на сторінці.
Завдання 2
Створіть кнопку, яка змінює колір тексту абзацу на червоний після натискання на неї.
Завдання 3
Створіть кнопку, яка змінює колір фону сторінки на рандомний при кожному кліку на неї.
Підказка: Число 16777215 є максимальним значенням для колірної компоненти в шістнадцятковому форматі #RRGGBB (де RR — червоний, GG — зелений, BB — синій).
.toString(16) метод, який перетворює число в рядок у шістнадцятковому форматі. 16 вказує, що ми хочемо отримати результат у шістнадцятковій системі числення. Наприклад, число 12345678 у шістнадцятковій системі буде виглядати як BC614E.
Завдання 4
Реалізуйте можливість показати або приховати текстовий блок за допомогою кнопки. Наприклад, текст 'Приховати' повинен змінюватися на 'Показати' і навпаки при кожному кліку на кнопці.
Завдання 5
Створіть програму 'Генератор списку'. Користувач може ввести елемент списку у текстове поле та натиснути кнопку, щоб додати його до списку.
Завдання 6
Створіть просту анкету. Запропонуйте користувачу відповісти на декілька питань, а потім виведіть результати на сторінці.
Завдання 7
Створіть програму 'Порахуй слова'. Запропонуйте користувачу ввести декілька слів у вікно введення та виведіть кількість слів у рядку.
Підказка:
split(' ') — розбиває текст по пробілах.
filter(word => word !== ' ') — відфільтровує порожні елементи (якщо є кілька пробілів між словами).
build info
- compiler
- 2.0.5.1 · 4054EF9BF6C4510A
- built
- 2026-11-08 14:31:25 UTC
WebUniverse