Crei um script com 3 funções.
<button class="botao">Calcula</button>
<input class="numero">
<input class="tabuada">
<span class="resultado">0</span>
<script>
function selecao (valor) {
return document.querySelector(valor)
}
//Função que busca e seleciona um elemento do HTML(DOM)
function calcula (numero, tabuada){
return numero.value * tabuada.value
}
//Função que realiza o calculo dos números inseridos nos elementos INPUT ( Numero e Tabuada)
function mostraNaTela (resultado,numero,tabuada){
return resultado.textContent = calcula(numero,tabuada)
}
//Função que insere o resultado no elemento SPAN (Resultado), TAG responsavel por exibir o resultado na tela.
var botao = selecao('.botao');
var numero = selecao('.numero');
var tabuada = selecao('.tabuada');
var resultado = selecao('.resultado');
botao.addEventListener('click', function() {
mostraNaTela(resultado,numero,tabuada)
});
</script>