1

En una página web tengo dos archivos HTML. Uno de ellos es un formulario para poder enviar tu nombre al pulsar el botón de enviar. Almacena el nombre que le has puesto en una variable.

<html>

<head>
  <script src="main.js"></script>
</head>

<body>
  <h1>Introduce tu nombre</h1>
  <input type="text" id="name" required>
  <br>
  <button type="button" onclick="send()">Enviar</button>
</body>

</html>

Y luego tengo el archivo main.js

function send() {
  var name = document.getElementById("name").value;
}

Bien, ¿cómo puedo hacer que en el archivo index.html (el otro archivo html) pueda leer esa variable y hacer algo así:

...
<h1 id="myName"><h1>
...

document.getElementById("myName").innerText = "Bienvenido"+name+", que tal";

1 respuesta 1

1

Si son htmls independientes, una opción puede ser guardando esa variable en localStorage o en sessionStorage depende de tus necesidades.

Para guardarla:

localStorage.setItem("name",value);

Y para recuperarla:

localStorage.getItem("name");

Ten en cuenta que lo que hay en localStorage, se quedará guardado hasta que tu lo elimines por código o el usuario limpie la cache y los datos de la web.

Si lo guardas en sessionStorage solo se mantendrá hasta que el usuario cierre la pestaña del navegador.

1
  • Vale, muchísimas gracias
    – Roberto
    Commented el 13 feb. 2021 a las 20:43

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.