1// JS
2
3const msg = document.querySelector('label');
4const botao = document.querySelector('button');
5const formTabuada = document.querySelector('#form');
6const tabuada = document.querySelector('#resultado-tabuada');
7const multiplicador = document.querySelector('#multiplicador');
8
9formTabuada.addEventListener('submit', function(event) {
10  event.preventDefault();
11  calcularTabuada(multiplicador.value, tabuada);
12});
13
14function calcularTabuada(valor, elementoAlvo) {
15  const multiplicador = parseInt(valor);
16
17  if (!!multiplicador || multiplicador == 0) {
18    elementoAlvo.innerHTML = '';
19    msg.innerText = 'Tabuada de '+ multiplicador;
20    msg.style.color = 'blue';
21
22    for (let multiplicando = 1; multiplicando <= 10; multiplicando++) {
23      elementoAlvo.innerHTML += '<tr>'+
24        '<td>' + multiplicando + '</td>'+
25        '<td>x</td>'+
26        '<td>' + multiplicador + '</td>'+
27        '<td>= </td>'+
28        '<td>' + (multiplicando  * multiplicador)+ '</td>'+
29        '</tr>';
30    }
31
32  } else {
33    elementoAlvo.innerHTML = '';
34    msg.innerText = 'Somente números';
35    msg.style.color = 'red';
36  }
37}
38

1function tabuada(){
2  var num = parseInt(document.getElementById("num").value);
3  var resposta = document.getElementById('resposta');
4  var tabuada='';
5
6  for(var count=1; count<=10 ; count++)
7   tabuada += num+" x "+count+" = "+
8               num*count+"<br />";
9  
10  resposta.innerHTML = tabuada;
11}
12