0
let eldiv=document.getElementById('div');`
let equipos = ['barcelona', 'madrid','liverpool'];`
let boton = document.getElementById('boton1');

boton.addEventListener('click',mostrar);
let index = 0;
function mostrar(){

el codigo que tengo me muestra los elementos del array uno a uno hasta el ultimo al momento de presionar el boton, LO QUE QUIERO es volver a mostrar los elementos al presionar el boton que los muestre desde el inicio

if(index < equipos.length){
  const  li = document.createElement('li');
  li.textContent = equipos[index];
  eldiv.appendChild(li);
  index++;
}
1
  • Te he ayudado a dar formato a tu código, pero me temo que este está incompleto
    – Rodrigo
    Commented el 17 mar. 2021 a las 20:41

1 respuesta 1

2

Puedes usar Array.prototype.indexOf, este método te dice dónde está determinado elemento empezando a contar desde un índice de 0, comprobando si el índice es el length - 1 del array, resetearemos el <li>

const equipos = ['barcelona', 'madrid','liverpool'];
document.querySelector("#show_btn").addEventListener("click", () => {
  if (equipos.indexOf(showElement.textContent) === -1 || equipos.indexOf(showElement.textContent) === equipos.length - 1) {
    showElement.textContent = equipos[0];
  } else {
    showElement.textContent = equipos[equipos.indexOf(showElement.textContent) + 1];
  }
});
<div id="eldiv">
  <button id="show_btn">Show</button>
  <p id="showElement"></p>
<div>

9
  • anythingg, ya lo habia recorrido en un foreach, for, pero me muestra todos lo elementos de una vez, y como esta en mi codigo quiero mostrar uno a la vez y que lo pueda volver a mostrar Commented el 17 mar. 2021 a las 20:51
  • @JuanPabloPeraltaCasanova He modificado mi respuesta ¿es eso lo que buscabas?
    – Rodrigo
    Commented el 17 mar. 2021 a las 21:00
  • Buena respuesta, solo cambiaría la etiqueta <li> por otra, porque no forma parte de una lista.
    – Triby
    Commented el 17 mar. 2021 a las 21:01
  • Hecho @Triby; gracias por los comentarios
    – Rodrigo
    Commented el 17 mar. 2021 a las 21:06
  • no, ese codigo recorre y muestra todos los elementos del array a la ves, yo quiero que los muestre de a uno Commented el 17 mar. 2021 a las 21:06

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.