Skip to main content
removeu 3 caracteres do conteúdo; tags editadas
Fonte Link
Icaro Martins
  • 4,3mil
  • 14
  • 24
  • 35

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

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

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

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

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