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" (height і width) і один input type="color" (background). При зміні значень змінюйте розмір і колір кнопки в реальному часі. (onchange)

Task 6.

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