Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

235
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!