BananaMaster

7 - Cómo obtener datos de un campo de entrada (input value en JavaScript) | Lecciones JS

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

Tarea 1.

Crea dos variables: e1 = 3 y f1 = 5. Muestra el resultado de e1 + f1 dentro de un div con la clase .out-1.

Tarea 2.

Crea dos variables: e2 = '3' y f2 = 5. Muestra el resultado de e2 + f2 dentro de un div con la clase .out-2.

Tarea 3.

Crea dos variables: e3 = 3 y f3 = 'Hello'. Muestra el resultado de multiplicar estas variables dentro de un div con la clase .out-3.

Tarea 4.

Crea dos variables: e4 = 'Hello ' y f4 = 'Master'. Muestra el resultado de sumar estas variables dentro de un div con la clase .out-4.

Tarea 5.

Crea un div y un botón. Al hacer clic en el botón, muestra la palabra "Master" dentro del div.

Tarea 6.

Crea un input y un botón. Al hacer clic en el botón, registra en la consola el valor introducido por el usuario.

Tarea 7.

Crea un input con la clase .i-7 y un botón. Al hacer clic en el botón, agrega el valor introducido a la página. Cada nuevo clic debe añadir al texto existente (no sobreescribirlo).

Input i-7

Tarea 8.

Crea un input con la clase .i-8 y un botón. Al hacer clic, muestra el valor introducido en la página. Borra el input después de cada clic.

Input i-8

Tarea 9.

Crea dos inputs (i_9_1 e i_9_2) y un botón. El usuario escribe texto en el primer input. Al hacer clic en el botón, copia ese texto al segundo input.

Input i_9_1
Input i_9_2

Tarea 10.

Crea dos inputs (i_10_1 e i_10_2), un div y un botón. El usuario escribe un nombre en el primer input y una edad en el segundo. Al hacer clic, muestra el texto "Hello nombre edad" dentro del div.

Input i-10-1
Input i-10-2