Trabajo con campos de texto en JavaScript
Ahora aprenderemos a obtener texto
de los usuarios de nuestro sitio. Para esto
en HTML existe una etiqueta especial input,
que representa un campo de texto para ingresar
datos.
<input>
Esta etiqueta tiene un atributo especial value,
que establece el texto inicial que estará escrito
en el input al cargar la página:
<input value="text">
El usuario de nuestro sitio después de cargar
la página puede cambiar el texto del input.
En este caso, si tenemos una variable que contiene
una referencia a este input, la propiedad value
de esta variable siempre contendrá el valor
actual del texto del input.
Probemos en la práctica. Supongamos que tenemos un input
con el atributo value:
<input id="elem" value="text">
Obtengamos la referencia a este input en una variable:
let elem = document.querySelector('#elem');
Y ahora mostremos en pantalla el texto actual del input:
console.log(elem.value);
Y ahora cambiemos el texto del input por otro:
elem.value = 'new text';
Dado un input y un botón. Al hacer clic en el botón escriba en el input algún texto.
Dado un input, un párrafo y un botón. Al hacer clic en el botón escriba en el párrafo el texto del input.
Dados dos inputs y un botón. En el primer input el usuario ingresa un número. Al hacer clic en el botón escriba en el segundo input el cuadrado del número ingresado.
Dados dos inputs y un botón. Al hacer clic en el botón escriba en el primer input el valor del segundo input, y en el segundo input - el valor del primero. Su código debe funcionar de forma universal, para cualquier valor de los inputs.
Dados 5 inputs, un párrafo y un botón. En
los inputs se ingresan números. Al hacer clic en el botón
escriba la media aritmética de los números ingresados en el párrafo.
