Cómo usar la entrada TextARea en JavaScript

Cómo usar la entrada TextARea en JavaScript
En HTML, el elemento define un control de entrada de texto múltiple. El "cols" y "hileraLos atributos definen las dimensiones de un área de texto. Se usa con frecuencia en un formulario para recopilar entradas de usuarios, como revisiones o comentarios. Para obtener la entrada TextAREA en JavaScript, debe usar el "getElementById ('id')"Método con el"valor" atributo.

Esta publicación describirá el método para usar la entrada de TextARea en JavaScript.

Cómo usar la entrada TextARea en JavaScript?

Para usar la entrada TextAREA en JavaScript, debe realizar dos operaciones principales:

  • Obtenga el valor de entrada TextAREA ingresado
  • Establezca el nuevo valor en TextARea

Ejemplo
En un archivo HTML, primero, cree un TextAREA y asigne un valor "Linuxhint":



Crear dos botones "Obtener el texto" y "Agregar texto nuevo", Que llamará a las funciones"getText ()" y "setText ()", Respectivamente, en el evento de clic del botón:


Después de ejecutar el código HTML anterior, la página se verá como lo siguiente:

Ahora, en el archivo JavaScript, defina una función "getText ()"Eso se activará en el evento de clics. Aquí, obtendremos el valor de entrada usando el "getElementById ()"Método y mostrarlo en el"alerta()" método:

función getText ()
VAR Text = documento.GetElementById ("Txtarea").valor;
alerta (texto);

Defina una función "setText ()"Eso se activará en el"Agregar texto nuevoBotón "y configure el texto especificado en el área de texto:

función setText ()
VAR Text = documento.GetElementById ("Txtarea").value = "Linuxhint es el mejor sitio web para habilidades de aprendizaje";

La salida muestra que el valor previo al ingreso de TextAREA se muestra en el mensaje de alerta haciendo clic en el "Obtener el texto" botón. Luego, establecemos el nuevo valor de entrada en el área de texto utilizando el "Agregar texto nuevo" botón. Por último, el valor de TextAREA de entrada se obtiene utilizando el "Obtener el texto" botón:

Se trata de usar la entrada TextARea en JavaScript.

Conclusión

Para usar la entrada TextARea en JavaScript, debe obtener los valores de entrada o establecer el valor de entrada en TextAREA. Para obtener la entrada TextARea, use el "getElementById ('id')"Método con el"valor"Atributo y para configurar el valor de entrada, use el"getElementById ('id').valor = 'texto'". Esta publicación describió el método para usar la entrada de TextARea en JavaScript.