Налаштувати вигляд

Розмір тексту

Відступи між буквами

Колір

Завдання 7


Функції та обробка елементів

1. Створіть HTML-сторінку з кодом.

2. Додайте код JavaScript, який змінює колір тексту заголовка «h1» за допомогою функції «changeColor»:

task-image

HTML

JS

Додавання ефектів

3. Доповніть функцію «changeColor» так, щоб, крім зміни кольору, текст також плавно змінював розмір:

4. Використовуйте властивість «fontSize» для зміни розміру тексту. Встановіть більший розмір, коли текст стає синім, і менший, коли він стає червоним.

5. Перевірте результат, натискаючи кнопки «Синій» та «Червоний» і спостерігаючи за змінами кольору та розміру тексту.

 

Впишіть результат вашої роботи.