<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>SwinTech</title> </head> <body> <form action="apply.html" method="post"> <div class="consultantinformation"> <h2> Job reference number: </h2> <br> <h4 id="jobreference2"> 6LZ9W </h4> </div> <button id="submitbutton">Submit</button> </form> <script> document.getElementById("submitbutton").addEventListener("click", setItem); localStorage.setItem("jobreference1", "1FN43"); </script> </body> </html>Estoy tratando de transferir "jobreference1" del primer fragmento al segundo usando el almacenamiento local. Como puede ver, lo almacené en un archivo JavaScript externo y lo envié a otro. Pero cuando trato de llamarlo en el código HTML en el segundo fragmento, al que se transfirió el valor, simplemente no funciona. Decidí incluir todo mi código HTML y JavaScript para mi segundo fragmento porque creo que ahí es donde radica el problema. Gracias.
Nota: no hay JavaScript en línea ni jQuery.
Este es un ejemplo de trabajo. El index.html establece la referencia en la carga de la página. El envío del formulario redirige a apply.html y lee el valor correcto al cargar la página.
índice.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>SwinTech</title> </head> <body> <form action="apply.html" method="post"> <div class="consultantinformation"> <h2> Job reference number: </h2> <br> <h4 id="jobreference2"> 6LZ9W </h4> </div> <button>Submit</button> </form> <script> localStorage.setItem("jobreference1", "1FN43"); </script> </body> </html>aplicar.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p>Job Reference Number: <span id="job1"></span></p> <script> document.getElementById("job1").innerHTML = localStorage.getItem("jobreference1"); </script> </body> </html>