Guardar Var Jscript y mostrar en campo determinado html

[Adrianbu95]

Hola.
Antes de nada te aconsejo que pongas name al formulario y al input de tipo text y accedas a este mediante:

Código Javascript:

document.name_form.name_text.value
 

Y si no me falla la memoria únicamente tienes que crear una función y recoger el valor del input en una variable javascript:

Código Javascript:

function leer(){
                var mitexto = document.name_form.name_text.value;
 

Luego, almacenar esa variable en un localStorage dentro de la funcion:

Código Javascript:

localStorage.setItem('variable', mitexto);   //Aqui variable es el nombre que se le da al item, y le asignas el valor de la variable mitexto.
}
 

Ahora asigna esta función a "onchange" en el input de tipo texto.

A la hora de mostrar el valor del localStorage solo tienes que:

Código Javascript:

function mostrar(){
document.getElementById("informacion").innerHTML = localStorage.getItem('variable');
}
 

Y asignar esta función al "onclick" del botón.

Esto no solo sirve para recuperar el valor en la misma pagina, funciona de forma parecida a las cookies y por lo tanto puedes recuperarlo en el resto.
Espero que con esto te hagas una idea clara de como funciona.
Un saludo.