Laço FOR x innerHTML

[DecoPRG 0]

Bom Dia !

 

Estou estudando JavaScript e estou adaptando uma lista de exercícios de um curso OnLine de outra linguagem e me encontro com a seguinte situação:

 

Gostaria de "imprimir" uma tabuada em uma "<div>". Para isso tentei combinar um "Laço FOR" com o método "innerHTML".

O problema é que esta implementação vai substituindo a mesma expressão ao invés de "imprimir" as mesmas de maneira cumulativa,

restando apenas uma linha ao final da execução com os últimos valores. Como eu poderia resolver esse problema ?!

 

SEGUE O CÓDIGO QUE TENTEI IMPLEMENTAR:

 

       var n = document.getElementById("num");
                
        n.addEventListener("keydown", function(tecla) {
            if(tecla.keyCode == 13) {
                tabuada();
            }
        })
                
        function tabuada() {
            
            var div2 = document.getElementById("quadro");
            
            for(y = 0; y <10; y++) {
                div2.innerHTML = n.value + "&nbsp x" + "&nbsp &nbsp" + y + "&nbsp = &nbsp" + n.value*y + "<br/><br/>"; 
            }
        }

[DecoPRG 0]

Consesgui resolver o problema.

 

Basta acrenscentar o operador + antes do igual conforme abaixo para que fosse acumulando as expressões.

 

div2.innerHTML += n.value + "&nbsp x" + "&nbsp &nbsp" + y + "&nbsp = &nbsp" + n.value*y + "<br/><br/>"