BananaMaster

11 - Подія onchange в select option (JavaScript)

Якщо щось забули, натисни для переходу на урок

Task 1.

Створіть select з кількома option (One, Two). При зміні (onchange) виводьте вибране значення в div.

Task 2.

Створіть кнопку і select з варіантами option: "red" і "green" (текст option повинен збігатися з вказаними значеннями). При виборі кольору в select змінюйте колір кнопки відповідно до вибраного значення.

Task 3.

Створіть кнопку і select з варіантами option: "100px" і "200px" (текст option повинен збігатися з вказаними значеннями). При виборі розміру в select змінюйте ширину кнопки відповідно до вибраного значення.

Task 4.

Створіть input з типом type="date", кнопку і div. При натисканні на кнопку виводьте вибрану дату в div.

Input i-4

Task 5.

Створіть кнопку і три select:

Перший з варіантами option: "100px" і "200px" для width.

Другий з варіантами option: "50px" і "100px" для height.

Третій з варіантами option: "red" і "green" для вибору кольору background.

Текст option повинен збігатися з вказаними значеннями. При зміні значень у select змінюйте розмір і колір кнопки відповідно до вибраних значень. Повинно працювати в реальному часі: тобто я вибираю новий варіант у select, і одразу після цього кнопка змінюється.
width height background