SPRINT 05 . Изучаем state в React

Матеріали

Текст

TASKS

task 1

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

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

task 2

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

task 3

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

task 4
Матеріали юніту доступні після придбання курсу
task 5
Матеріали юніту доступні після придбання курсу
task 6
Матеріали юніту доступні після придбання курсу
task 7
Матеріали юніту доступні після придбання курсу
task 8
Матеріали юніту доступні після придбання курсу
task 9
Матеріали юніту доступні після придбання курсу
task 10
Матеріали юніту доступні після придбання курсу