BananaMaster

11 - El evento onchange en select option (JavaScript) | Lecciones JS

Si olvidaste algo — haz clic para ir a la lección.

Tarea 1.

Crea un elemento select con opciones (One, Two). Cuando el valor cambie (onchange), muestra el valor seleccionado dentro de un div.

Tarea 2.

Crea un botón y un select con opciones "red" y "green" (el texto de la opción debe coincidir con los valores). Cuando se seleccione un color, actualiza el color de fondo del botón.

Tarea 3.

Crea un botón y un select con opciones "100px" y "200px" (el texto debe coincidir con los valores). Cuando se seleccione un tamaño, actualiza el ancho del botón.

Tarea 4.

Crea un input con type="date", un botón y un div. Al hacer clic en el botón, muestra la fecha seleccionada dentro del div.

Input i-4

Tarea 5.

Crea un botón y tres elementos select:

• Primero: opciones "100px" y "200px" para el ancho

• Segundo: opciones "50px" y "100px" para la altura

• Tercero: opciones "red" y "green" para el color de fondo

El texto de la opción debe coincidir con los valores. Cuando cambie cualquier valor del select, actualiza el tamaño y el color de fondo del botón en tiempo real.

ancho alto fondo