Estoy tratando de usar el almacenamiento local para agregar búsquedas recientes de ciudades del usuario a un elemento de formulario. El problema ahora es que no estoy muy seguro de cómo progresar más si .innerHTML borra todo el texto cuando está poniendo algo en el elemento. el objetivo final sería que el elemento de formulario se pareciera a
¿Alguna idea sobre cómo implementar esto?
nuevo en el almacenamiento local, por lo que agradecería cualquier ayuda aquí hay un ejemplo del código :)
// HTML <form class="recent-search" id="demo"></form> // JAVASCRIPT function setStorage() { // here i'm trying to store nameValue to localstorage localStorage.setItem('', nameValue); } setStorage() function getValue() { // now i'm getting nameofcity from localstorage return localStorage.getItem('nameofcity'); } // console logging it so i can make sure it's working (it is) console.log(getValue()); function myFunction() { // now i set the innerHTML of the element with the ID of "demo" to be "1. "nameofcity" document.getElementById("demo").innerHTML = '1. ' + localStorage.getItem('nameofcity'); } myFunction();
si desea obtener más contexto, aquí está el repositorio de github https://github.com/LukeMcHenry311/Server-Side-Weather
Está guardando el valor en la clave de una cadena vacía y luego intenta recuperar la clave de nameofcity
, en la que probablemente no la guardó. localStorage
funciona por pares clave-valor. Siempre puede ir a las herramientas de desarrollo de su navegador (generalmente presionando F12), y en la pestaña Aplicación puede ver qué hay en su almacenamiento local
debería ser algo como
function setStorage() { localStorage.setItem('nameofcity', nameValue); }