Tabuada de Qualquer Número java script code example

Example 1: Tabuada de Qualquer Número java script

// JS

const msg = document.querySelector('label');
const botao = document.querySelector('button');
const formTabuada = document.querySelector('#form');
const tabuada = document.querySelector('#resultado-tabuada');
const multiplicador = document.querySelector('#multiplicador');

formTabuada.addEventListener('submit', function(event) {
  event.preventDefault();
  calcularTabuada(multiplicador.value, tabuada);
});

function calcularTabuada(valor, elementoAlvo) {
  const multiplicador = parseInt(valor);

  if (!!multiplicador || multiplicador == 0) {
    elementoAlvo.innerHTML = '';
    msg.innerText = 'Tabuada de '+ multiplicador;
    msg.style.color = 'blue';

    for (let multiplicando = 1; multiplicando <= 10; multiplicando++) {
      elementoAlvo.innerHTML += '<tr>'+
        '<td>' + multiplicando + '</td>'+
        '<td>x</td>'+
        '<td>' + multiplicador + '</td>'+
        '<td>= </td>'+
        '<td>' + (multiplicando  * multiplicador)+ '</td>'+
        '</tr>';
    }

  } else {
    elementoAlvo.innerHTML = '';
    msg.innerText = 'Somente números';
    msg.style.color = 'red';
  }
}

Example 2: generate tabuada java script

function tabuada(){
  var num = parseInt(document.getElementById("num").value);
  var resposta = document.getElementById('resposta');
  var tabuada='';

  for(var count=1; count<=10 ; count++)
   tabuada += num+" x "+count+" = "+
               num*count+"<br />";
  
  resposta.innerHTML = tabuada;
}