<button class="boton">Calcular</button>
<input class="numero1">
<input class="numero2">
<span class="resultado"></span>
<script>
boton = document.querySelector('.boton');
var numero = document.querySelector('.numero1');
var tabla = document.querySelector('.numero2');
var resultado = document.querySelector('.resultado');
boton.addEventListener('click', function() {
resultado.textContent = numero.value * tabla.value;
});
</script>
Hola , espero que esté bien.
Gracias por compartir tu código con nosotros, he probado aquí y el resultado ha sido muy bueno.
Para el tema de la multiplicación si lo veo coherente, incluso haría una función que pueda hacer mas operaciones que tenga como argumento los dos operando y la operación y de acuerdo al parámetro que se le comunique realice la operación y devuelva el resultado. Incluso en temas mas avanzados de POO se le podría crear polimorfismo entre otras cosas.
Cabe destacar que habrán múltiples caminos para llegar a un resultado y buscar un código limpio nunca esta de mas.