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);
}
}