0

Estoy trabajando en un proyecto. Estoy usando la api de API-Football. Estoy usando un llamado a la api cada 1 minuto, donde live(); es el la funcion que contiene el Fetch a la API.

setInterval(() => {
    live();
}, 60000);

En mi HTML tengo una tabla la cual necesito que cambie los datos que contiene por cada llamado a la API, es decir, cada 1 minuto:

La tabla

<tbody id="tBody"></tbody>

Javascript

const tableBody = document.querySelector("#tBody");


 liveMatches.fixtures.forEach(element => {
        let appendTr = document.createElement("tr");
        appendTr.classList.add("liveMatchTr");
        appendTr.innerHTML = `<td> ${element.homeTeam.team_name} vs ${element.awayTeam.team_name}  </td>`
        tableBody.appendChild(appendTr);
    });

El problema radica en que cada llamado a la API me "pushea" la tabla, entonces cada 1 minuto se va agrandando la tabla. Lo que necesito es que la Tabla se vacíe, y cada minuto que pasa se "actualice"

1
  • 5
    tableBody.innerHTML = "";
    – alanfcm
    Commented el 18 ago. 2020 a las 21:02

1 respuesta 1

0

Lo que puedes hacer para vaciar la tabla o cualquier elemento html es lo siguiente:

while (tableBody.firstChild){
    tableBody.removeChild(tableBody.firstChild);
}

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.