BananaMaster

26.4 - 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 "sun", "rain", "snow", un botón y un div. Al hacer clic, muestra la palabra correspondiente: sun - "sunny", rain - "rainy", snow - "snowy".

Tarea 2.

Crea un input type="number", un botón y un div. Si el número es mayor que 0 — muestra "positive", si es menor que 0 — "negative", si es igual a 0 — "zero".

Tarea 3.

Crea dos inputs type="number", un botón y un div. Al hacer clic, establece el ancho y la altura del div con los valores introducidos.

Tarea 4.

Crea un input type="number" y un botón. Si el número es mayor que 100 — establece el fondo del botón verde, de lo contrario rojo.

Tarea 5.

Crea un input type="text". Si se introduce "yes" — establece el fondo del input verde, de lo contrario — blanco. (En tiempo real)

Tarea 6.

Crea un input type="number", un botón y un div. Si el número es mayor que 0 y menor que 10 — muestra "small number", de lo contrario "no".

Tarea 7.

Crea dos botones y un div. Al hacer clic en "+20" aumenta el ancho del bloque 20px, al hacer clic en "-20" — lo reduce 20px. Mínimo — 40px, máximo — 300px. (Tamaño inicial — 100px × 100px)