Yo tengo un archivo con el puro html y otro con el código JS. donde encapsulo el función multiplicar y tambien tengo la función buscar elelemto como nos recomiendan.
<button class="boton">Calcular</button>
<input class="numero1">
<input class="numero2">
<span class="resultado"></span>
<script src="js/valores.js">
</script>
function buscarElemento(selector){
return document.querySelector(selector);
}
//encapsulamos la lógica de la funcion del calculo de la multiplicación
function multiplicarDosNumeros (numero1, numero2){
return numero1.value * numero2.value;
}
var boton = buscarElemento('.boton');
var numero1 = buscarElemento('.numero1');
var numero2 = buscarElemento('.numero2');
var resultado = buscarElemento('.resultado');
boton.addEventListener('click', function() {
//resultado.textContent = numero1.value * numero2.value;
resultado.textContent = multiplicarDosNumeros(numero1, numero2);
});
