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
Материалы юнита доступны после покупки курса