Quebrando el problema en partes menores

Se me ocurre que podría quedar así el código: Estaré atenta a cualquier corrección, muchas gracias

Archivo con llamada a elementos y valores HTML; además, con asignación de evento al botón

<button class="boton">Calcular</button>
<input class="numero1">
<input class="numero2">
<span class="resultado"></span>

<script>

 var boton = document.querySelector('.boton');
 var numero1 = document.querySelector('.numero1');
 var numero2 = document.querySelector('.numero2');
 var resultado = document.querySelector('.resultado');

 var valorNum1 = numero1.value;
 var valorNum2 = numero2.value;

 boton.addEventListener('click', function(){
         resultado.textContent = multiplicacion(valorNum1, valorNum2);
 });

</script>

Archivo con función múltiplicar

function multiplicacion(num1, num2){
        return num1 * num2;
}