Tengo una página HTML (test.html)
<!DOCTYPE html> <html lang="en"> <head> <title>test</title> </head> <body> <input type="text" id="input-text" placeholder="Enter Text here"> <!--input text--> <input type="button" id="btn" onclick="addText()" > <!--call function--> <button ><a href="test2.html">Next Page</a></button> <!--get to new html page--> </body> <script src="app.js"></script> </html>y otro HTML (test2.html)
<!DOCTYPE html> <html lang="en"> <head> <title>test2</title> </head> <body> <h1 id="header">Display input here</h1> </body> <script src="app.js"></script> </html>Quiero pasar de una página a la otra. La primera página tiene una entrada y la segunda página debe mostrar la entrada realizada por el usuario en la primera página. Este es el JavaScript:
function addText() { document.getElementById('header').innerHTML =document.getElementById('input-text').value; }¿Cómo mostrar mi entrada de usuario desde la página de prueba a la página test2?
Cree un objeto JSON para almacenar los datos en localStorage. Luego extraiga esos datos del objeto cuando cargue la página siguiente.