Oi, Welington! Como vai?
Com base no que você explicou, o problema está na função exibirTabuadaNaTela()
. Atualmente, você está exibindo apenas o valor da variável totalTabuada
, que guarda somente o último resultado da multiplicação no while
.
Para mostrar todos os resultados da tabuada na tela, você pode acumular os valores dentro do while
e depois exibir tudo junto. Veja como ajustar:
let contador = 0;
let maximoTabuada = 10;
let resultadoCompleto = ""; // nova variável para armazenar todos os resultados
function realizarTabuada(tabuada){
resultadoCompleto = ""; // limpa o conteúdo anterior
contador = 0; // reinicia o contador a cada chamada
while( maximoTabuada > contador){
contador++;
let totalTabuada = tabuada * contador;
resultadoCompleto += `${tabuada} x ${contador} = ${totalTabuada}<br>`;
console.log(totalTabuada);
}
}
function exibirTabuada(tag, texto){
let campo = document.querySelector(tag);
campo.innerHTML = texto;
}
function exibirTabuadaNaTela(){
exibirTabuada("h2", resultadoCompleto);
}
realizarTabuada(7);
exibirTabuadaNaTela();
Com isso, todos os resultados da tabuada de 7 aparecerão na tela, cada um em uma nova linha.
Dica: use <br>
para quebrar linha no HTML, assim sua tabuada ficará organizada.
Espero ter ajudado e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.