Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Solução diferente

Realizado uma solução diferente do professor, não ficou muito bom igual ao dele, mas consegui chegar o mesmo resultado

var botao = window.document.querySelector(".botao");

var numero = window.document.querySelector(".numero");

var tabuada = window.document.querySelector(".tabuada");

botao.addEventListener("click", function () {

//Se não tiver nenhum dado digitado aparecerá um alert para Digitar Dados
if(numero.value == "" || tabuada.value == ""){
        window.alert("[Erro] Digite os dados");
}else{

//irá realizar calculo e efetuar a limpeza dos dados no input
  calculaTabuada(numero.value, tabuada.value);
   numero.value = ' ';
   tabuada.value = ' ';
}

});

function calculaTabuada(numero, tabuada) {
  var resultado = window.document.querySelector(".resultado");
   resultado.textContent = numero * tabuada;
  return resultado;
}

2 respostas
solução!

Olá, Eder, tudo bem?

Que bacana! Na verdade seu código tem mais algumas funcionalidades que o do professor. Obrigado por compartilhar com a gente :)

E no desenvolvimento web, é comum encontrarmos diferentes formas de solucionar o mesmo problema, cabe a você refletir as vantagens e desvantagens de cada forma.

E só tem um problema no seu código, nessa linha:

if(numero.value = "" || tabuada.value == ""){

Você escreveu numero.value = "" em vez de numero.value == "" (com dois sinais de igual). Isso não causa erro no console, mas o programa não funciona da forma esperada.

Espero ter ajudado! Abraços e bons estudos!

Bom dia Antonio corrigido, desenvolver código é preciso esta bem focado, um pequeno detalhe pode fazer a diferença

Obrigado