<button class="boton">Calcular</button>
<input class="numero1">
<input class="numero2">
<span class="resultado"></span>
<script>
var boton = document.querySelector('.boton');
var numero = document.querySelector('.numero1);
var tabla = document.querySelector('.numero2);
var resultado = document.querySelector('.resultado');
botao.addEventListener('click', function() {
resultado.textContent = numero1.value * numero2.value;
});
</script>
botao no esta definido, creo que es un typo y se busca llamar a la variable boton en su lugar. Ademas el codigo presenta multiples syntax errors. Como por ejemplo:
var numero = document.querySelector('.numero1);
var tabla = document.querySelector('.numero2);
En esta parte no se cierran comillas dentro de la funcion querySelector.
Ademas la parte de:
resultado.textContent = numero1.value * numero2.value;
numero1 y numero2 no estan definidos. He modificado el codigo de la siguiente manera para que funcione:
<button class="boton">Calcular</button>
<input class="numero1">
<input class="numero2">
<span class="resultado"></span>
<script>
var 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>
Este devuelve lo siguiente: ![]( )
Ojala estos comentarios les sean de ayuda para continuar mejorando su contenido.
Saludos, Javier.