BananaMaster

10 - Событие onchange в input type range ( работа с style width and height в JavaScript )

Если что то забыли кликни для перехода на урок

Task 1.

Создайте input с type="range" и кнопку. По нажатию на кнопку в консоль выводится выбранное пользователем значение в нашем input.

Task 2.

Создайте input с типом type="range" и кнопку. Пользователь должен иметь возможность выбрать значение с помощью ползунка. При нажатии на кнопку необходимо изменить ширину кнопки (свойство width) в соответствии со значением, выбранным в input.

Task 3.

Создайте input с type="color" и button. При изменении значения ползунка изменяйте фон кнопки в реальном времени. ( style.background )

Task 4.

Создайте input с типом type="range" и div. При изменении значения ползунка в реальном времени выводите выбранное значение внутри div.

Task 5.

Создайте два input type="range" (heigth и width) и один input type="color" (background). При изменении значений изменяйте размер и цвет кнопки в реальном времени. (onchange)

Task 6.

Создайте input с type="number" и кнопку. По нажатию на кнопку меняйте ширину кнопки на ту цифру, которая указана в input.