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