Primero
Si vas a utilizar Javascript sin frameworks, podrias hacer algo como esto:
function copiarDatos(){
var numeroSerie = document.getElementById("numeroserie").value;
var referencia = document.getElementById("referencia").value;
var peso = document.getElementById("peso").value;
var texto = numeroSerie + "\t\t" + referencia + "\t\t" + peso;
document.getElementById("textToEncode").innerHTML = texto;
}
<form>
NUMERO DE SERIE:
<input type="text" id="numeroserie" name="numeroserie"><br> REFERENCIA:
<input type="text" id="referencia" name="referencia"><br> PESO (KG):
<input type="number" id="peso" name="peso"><br>
<button type="button" id="boton" onClick="copiarDatos()">Insertar Información del Producto</button>
</form>
<textarea id="textToEncode" style="width: 100%; height: 200px;"></textarea>
Que hemos hecho aqui?
Lo primero que hemos hecho, es asignar un identificador a los elementos del formulario:
<input type="text" id="numeroserie" name="numeroserie"><br> REFERENCIA:
<input type="text" id="referencia" name="referencia"><br> PESO (KG):
<input type="number" id="peso" name="peso"><br>
Nos falta una funcion
Por lo tanto, hemos creado esta funcion, la cual se encargara de copiar los datos del formulario al textarea
:
function copiarDatos(){
var numeroSerie = document.getElementById("numeroserie").value;
var referencia = document.getElementById("referencia").value;
var peso = document.getElementById("peso").value;
var texto = numeroSerie + "\t\t" + referencia + "\t\t" + peso;
document.getElementById("textToEncode").innerHTML = texto;
}
En esta funcion obtenemos los valores respectivos del formulario, referenciando a cada elemento usando su identificador. Posteriormente, los concatenamos todos usando el caracter \t
, para que quede tabulado entre cada texto y guardamos todo esto en la variable texto
.
Por cierto
Debemos agregar esta funcion al boton, esto se haria asi:
<button type="button" id="boton" onClick="copiarDatos()">Insertar Información del Producto</button>