Bueno, estoy tratando de integrar dos páginas web (index.html y comunidade.html), donde la primera es un formulario donde ingresa algunos datos y la segunda es el lugar donde se enumeran los datos ingresados como tarjetas.
Para crear la integración entre dos páginas, estoy dispuesto a implementar la solución localStorage, pero a pesar de eso, he creado con éxito los elementos de localStorage en index.html, simplemente no puedo acceder a los datos en la página comunidade.html.
Ya accedí a Devtools y percibí que la página index.html podría conservar la información de localStorage, pero, al mismo tiempo, la página comunidade.html localStorage todavía está vacía.
Entonces, ¿cómo puedo enviar los datos locales almacenados desde index.html a comunidade.html?
Código usado en set-card.js:
var createNewCard = document.querySelector('.project-form__submit'); createNewCard.addEventListener('click', sendData); var cardContainerColor = document.querySelector('.project-form__style--color'); var cardContent = document.querySelector('.code-editor__input'); var cardTitle = document.querySelector('.project-form__info--name'); var cardDescription = document.querySelector('.project-form__info--description'); var cardLanguage = document.querySelector('.project-form__style--type'); function sendData() { if (cardContent.value != "" && cardTitle != "" && cardDescription != "") { localStorage.setItem("cardContainerColor", cardContainerColor.value); localStorage.setItem("cardContent", cardContent.value); localStorage.setItem("cardTitle", cardTitle.value); localStorage.setItem("cardDescription", cardDescription.value); localStorage.setItem("cardLanguage", cardLanguage.value); } }página index.html y sus datos de almacenamiento local
comunidade.html y la ausencia total de datos de almacenamiento local
Puede usar la extensión VS-Code conocida como servidor en vivo y luego ejecutar index.html a través de eso o puede usar cualquier otra cosa, ya sea apache o cualquier otra cosa para crear un localhost, entonces el prefijo será el mismo que asegurará que puede acceder al mismo almacenamiento local para esa URL en su navegador
así por ejemplo
http://localhost:3000/ será la URL base, por lo que almacenará los datos en el almacenamiento local para esta URL, a la que se podrá acceder en http://localhost:3000/comunidade.html
Por lo tanto, la URL base debe ser la misma para acceder al almacenamiento local en su caso. La URL base se cambió debido a la ruta del archivo.
Los elementos de almacenamiento local son propiedad del host, por lo que solo el host que los escribió puede leerlos. Use cookies de página cruzada o una nube.
