BananaMaster

26.2 - switch, case, default, if, else if, else, oninput (Lecciones JS)

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

Tarea 1.

Crea un select con opciones "red", "blue", "green" y un div. Al cambiar el select, cambia el color de fondo del div al seleccionado.

Tarea 2.

Crea un input type="range" y un div. Al cambiar el valor, cambia el ancho del div en píxeles.

Tarea 3.

Crea un input type="text", un botón y un div. Si el campo de entrada está vacío — muestra "empty", de lo contrario "not empty".

Tarea 4.

Crea un select con opciones "low", "medium", "high", un botón y un div. Al hacer clic, muestra en el div el número según la opción seleccionada: "low" — 1, "medium" — 2, "high" — 3.

Tarea 5.

Crea un input type="number", un botón y un div. Si el número es mayor que 0 y menor que 100 — muestra "valid number", de lo contrario — cadena vacía ('').

Tarea 6.

Crea un select con opciones "html", "css", "js", un botón y un div. Al hacer clic, muestra una descripción breve: html - "structure", css - "style", js - "logic".

Tarea 7.

Crea dos inputs type="range" y un div. En tiempo real, cambia el ancho y la altura del div de 50px a 300px.