Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

239
Vistas
Cómo mostrar o mapear iteraciones de forraje local al elemento html <p>

 window.addEventListener("load", function () { document.getElementById("btnList").addEventListener("click", function () { localforage.iterate((value, key, iterNum) => { const lisst = [key, value] document.getElementById('jstext').innerText = lisst console.log(lisst) //log shows all of the added items //but lisst.length === 2 //what am I missing? }); }
 <button id="btnList">List Values</button> <div id="jstext"> </div>

ingrese la descripción de la imagen aquí

¡Hola! Lo que intento hacer aquí es mostrar todos los diferentes elementos que se han agregado a mi lista de forraje local. Cuando inicio sesión en la consola, todos los elementos que se agregaron se muestran en la consola, pero cuando intento mostrar la lista completa en mi elemento <div>, o incluso en un elemento <p>, solo UN elemento (el último elemento introducido) aparece en la página web del elemento.
Entonces, mi pregunta es : ¿Cómo muestro cada elemento en mi elemento HTML y dónde me equivoco al mostrar solo el elemento ingresado más recientemente en localforage?

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

La razón por la que solo ve el último elemento es porque está configurando el texto interno del elemento en cada iteración.

En su caso, probablemente desee agregar el elemento al texto interno del elemento utilizando el operador de asignación de adición :

 document.getElementById("jstext").innerText += lisst
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda