Hola buenas estoy recién comenzando en la programación con JavaScript pasa que por querer practicar código estoy haciendo una calculadora con HTML / CSS / JS pero resulta que al momento de ver si en el span de resultado me marca dicho resultado o botón que oprimí no me marca nada con lo cual no se si esta mal enlazado JavaScript o simplemente estoy utilizando mal el JavaScript y me estoy equivocando en algo X. PD: No esta terminado pero a esta altura me debería mostrar la información en la pantalla (creo)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="stylo.css">
<title>Calculadora</title>
</head>
<body>
<table class="calculadora">
<tr>
<td colspan="4">
<span id="resultado"></span>
</td>
</tr>
<tr>
<td><button id="siete">7</button></td>
<td><button id="ocho">8</button></td>
<td><button id="nueve">9</button></td>
<td><button id="division">/</button></td>
</tr>
<tr>
<td><button id="cuatro">4</button></td>
<td><button id="cinco">5</button></td>
<td><button id="seis">6</button></td>
<td><button id="multiplicacion">*</button></td>
</tr>
<tr>
<td><button id="uno">1</button></td>
<td><button id="dos">2</button></td>
<td><button id="tres">3</button></td>
<td><button id="resta">-</button></td>
</tr>
<tr>
<td><button id="igual">=</button></td>
<td><button id="reset">C</button></td>
<td><button id="cero">0</button></td>
<td><button id="suma">+</button></td>
</tr>
</table>
<script src="funcionalidad.js"></script>
</body>
</html>
function init(){
// Variables
var resultado = document.getElementById("resultado");
var reset = document.getElementById("reset");
var suma = document.getElementById("suma");
var resta = document.getElementById("resta");
var multiplicacion = document.getElementById("multiplicacion");
var division = document.getElementById("division");
var igual = document.getElementById("igual");
var uno = document.getElementById("uno");
var dos = document.getElementById("dos");
var tres = document.getElementById("tres");
var cuatro = document.getElementById("cuatro");
var cinco = document.getElementById("cinco");
var seis = document.getElementById("seis");
var siete = document.getElementById("siete");
var ocho = document.getElementById("ocho");
var nueve = document.getElementById("nueve");
var cero = document.getElementById("cero");
//Eventos
uno.onclick = function(e){
resultado.textContent = resultado.textContent + "1"
}
dos.onclick = function(e){
resultado.textContent = resultado.textContent + "2"
}
tres.onclick = function(e){
resultado.textContent = resultado.textContent + "3"
}
cuatro.onclick = function(e){
resultado.textContent = resultado.textContent + "4"
}
cinco.onclick = function(e){
resultado.textContent = resultado.textContent + "5"
}
seis.onclick = function(e){
resultado.textContent = resultado.textContent + "6"
}
siete.onclick = function(e){
resultado.textContent = resultado.textContent + "7"
}
ocho.onclick = function(e){
resultado.textContent = resultado.textContent + "8"
}
nueve.onclick = function(e){
resultado.textContent = resultado.textContent + "9"
}
cero.onclick = function(e){
resultado.textContent = resultado.textContent + "0"
}
reset.onclick = function(e){
resetear();
}
suma.onclick = function(e){
operandoa = resultado.textContent;
operacion = "+";
limpiar();
}
}