BananaMaster

9 - Input (date, color) en JavaScript (style.background) | Lecciones JS

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

Tarea 1.

Crea un input con type="number" y un botón. Al hacer clic, muestra el número introducido aumentado en 5.

Tarea 2.

Crea dos inputs con type="number". Al hacer clic en el botón, muestra su diferencia (primero menos segundo).

Tarea 3.

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

Tarea 4.

Crea un input con type="date", un botón y un <ul> vacío con la clase .out-4. El usuario selecciona una fecha. Al hacer clic, crea un nuevo <li> con la fecha seleccionada y agrégalo a la lista. Cada clic debe agregar un nuevo elemento.

Tarea 5.

Crea un input con type="color" y un botón. Al hacer clic, muestra el color seleccionado en un div como texto. La salida será como #0f0f0f.

Tarea 6.

Crea un input con type="color" y un botón. Al hacer clic, cambia el color de fondo del botón al color seleccionado en el input. Usa (style.background =).

Tarea 7.

Crea un input con type="color" y un botón. Al hacer clic, cambia el color del texto del botón al color seleccionado en el input. Usa (style.color =).

Tarea 8.

Crea un input con type="color", un elemento <h1> con el texto "Hello" y un botón. Al hacer clic, cambia el color de fondo del h1 al color seleccionado. Usa (style.background =).

Tarea 9.

Crea tres inputs con type="number" y un botón. Al hacer clic, muestra en la consola el promedio de los tres números. Fórmula: (inp1 + inp2 + inp3) / 3