Início / coding / Perguntas / 79593291
Accepted
elbannhawy
Asked: 2025-04-26 04:50:41 +0800 CST

Como exibir 3 elementos por 3 de um array em HTML usando o método array.sclice() em javascript

  • 772

Encontrei uma maneira de exibir uma parte de um array usando arrayName.slice(start, end), criei uma função para alimentar o início e o fim do método slice para que eu possa usá-lo com o botão onClick para clicar nos próximos 3 elementos a serem exibidos em HTML.

meu problema é que a função de incremento não começa com zero (0), ela começa com 3-6, e quando eu pressiono próximo ela começa de 6 a 9. Está funcionando corretamente, mas não começa do zero

    const array = ["a1","a2","a3","a4","a5","a6","a7","a8","a9","a10","a11","a12","a13","a14","a15"]

let next = {
        start: 0,
        end: 0,
        incrementby: 3,
        inc() {
          this.start = this.start = 0 ? 0 : this.start + this.incrementby;
          this.end = this.start + this.incrementby;
          console.log(this.start, this.end);
          displayHadith(this.start,this.end)
        },
      };
      
 function displayHadith(start,end) {
        var container = document.querySelector(".container");
        container.innerHTML = ""
        let some = array.slice(start, end);
         for (let element of some) {
          container.innerHTML +=`
          <div class="sharh" >${element}</div>
          `
         }
        }
<button onclick="next.inc()">clickNext</button>
<div class="container"></div>

javascript

1 respostas

  1. Best Answer

    Adicionar após incrementbyas startalterações:

    const array = ["a1","a2","a3","a4","a5","a6","a7","a8","a9","a10","a11","a12","a13","a14","a15"]

let next = {
  start: 0,
  end: 0,
  incrementby: 3,
  inc() {
    this.end = this.start + this.incrementby;
    console.log(this.start, this.end);
    displayHadith(this.start,this.end);
    this.start += this.incrementby;
  },
};
      
 function displayHadith(start,end) {
  var container = document.querySelector(".container");
  container.innerHTML = ""
  let some = array.slice(start, end);
  for (let element of some) {
    container.innerHTML +=`
    <div class="sharh" >${element}</div>
    `
  }
 }
    <button onclick="next.inc()">clickNext</button>
<div class="container"></div>

    • 0

relate perguntas