Изучаем state в React

Task 01

Скачайте шаблон. Все задания вы делаете в App.js. Добавьте на button.task-1 событие клик, который запускает функцию task1. Функция должна текст из input записывать в стейт st1. Обратите внимание, если все верно сделано - то данный текст будет виден под кнопкой.

Рекомендую закомментировать все задачи кроме первой и выполнить в начале ее. Потом, расскомментировать 2 выполнить и так далее. Если этого не делать, то прописанные стейты выдадут ошибку.

Task 02

Добавьте на блок .task2 событие onmouseenter. При срабатывании события запускается функция taks2, которая увеличивает state st2 на единицу при каждом срабатывании события. Обратите внимание, если все верно сделано - то количество будет выводиться под блоком.

Task 03

Добавьте на input.task-3 событие oninput. Событие запускает функцию task3, которая выводит state st3 вводимый в input текст. Текст получайте через event. Обратите внимание, если все верно сделано - то текст будет выводиться под input.

Task 04

Добавьте на кнопку task-4 событие click, при клике запускается функция task4, которая увеличивает стейт st4 при каждом клике на 1.

Task 05

Добавьте событие onchange на checkbox.task-5. При событии запустите...

Задачи доступны после покупки курса

Task 06

Добавьте на select.task-6 событие change. Событие вызывает функцию...

Задачи доступны после покупки курса

Task 07

Добавьте на button.task-7 событие клик. Кнопка запускает функцию...

Задачи доступны после покупки курса

Task 08

На input.task-8 добавьте событие keypress, которое вызывает функцию...

Задачи доступны после покупки курса

Task 09

На input.task-9 добавьте событие oninput, которое вызывает функцию...

Задачи доступны после покупки курса

Task 10

На button.task-10 добавьте событие click, которое вызывает функцию...

Задачи доступны после покупки курса