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> ¡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?
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