Skip to main content
1 de 2

Como remover elementos de uma lista em javascript

Estou fazendo um pequeno programa em javascript para gerar uma tabuada. Para evitar que ocorra duplicatas, eu coloco um pequeno trecho de código para limpar a lista antes de gerar a tabuada let numero = window.document.getElementById('numero'); if (numero.value.length != 0) { let tabuada = window.document.getElementById('lista'); let itens = window.document.getElementsByTagName('li'); for (let i = 0; i <= 10; i++) { tabuada.removeChild(itens[i]); } Entretanto, a lista não é gerada se mantenho esse código. Aqui está o código completo:

    let numero = window.document.getElementById('numero');
if (numero.value.length != 0) {
    let tabuada = window.document.getElementById('lista');
    let itens = window.document.getElementsByTagName('li');
    for (let i = 0; i <= 10; i++) {
        tabuada.removeChild(itens[i]);
    }
    let novo = window.document.createElement("li");
    tabuada.appendChild(novo);
    let section = window.document.getElementById('section');
    section.style.height = "auto";
    for (let i = 0; i <= 10; i++) {
        let novo = window.document.createElement("li");
        let txtnovo = window.document.createTextNode(`${Number(numero.value)}x${i} = ${Number(numero.value) * i}`);
        novo.appendChild(txtnovo);
        tabuada.appendChild(novo);
    }
}