Os adjunto primero mi codigo .html
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<title>Calculadora 0</title>
<script src="Calculadora.js" defer></script>
</head>
<body>
<p id="display">0</p>
<button type="button" id="boton1" value="1" class="digito">1</button>
<button type="button" id="boton2" value="2" class="digito">2</button>
<button type="button" id="boton3" value="3" class="digito">3</button>
<button type="button" id="suma" value="+" class="operador">+</button>
<br>
<button type="button" id="boton4" value="4" class="digito">4</button>
<button type="button" id="boton5" value="5" class="digito">5</button>
<button type="button" id="boton6" value="6" class="digito">6</button>
<button type="button" id="resta" value="-" class="operador">-</button>
<br>
<button type="button" id="boton7" value="7" class="digito">7</button>
<button type="button" id="boton8" value="8" class="digito">8</button>
<button type="button" id="boton9" value="9" class="digito">9</button>
<button type="button" id="mult" value="*" class="operador">x</button>
<br>
<button type="button" id="boton0" value="0." class="digito">0.</button>
<button type="button" id="boton00" value="00" class="digito">00</button>
<button type="button" id="clear">AC</button>
<button type="button" id="div" value="/" class="operador">/</button>
<button type="button" id="igual">=</button>
</body>
</html>
Y ahora el programa en .js que se ejecuta y donde me encuentro con el fallo en el bucle de los operadores.
En este bucle es donde quiero obtener el valor del boton 'operador' al presionarse en html
operador es una función que tiene la siguiente forma y donde se tiene en cuenta que la calculadora funciona como una maquina de estados.
function operador (op){
//-- Segun el estado hacemos una cosa u otra
if (estado == ESTADO.OP1){
display.innerHTML += op;
estado = ESTADO.OPERATION;
}else if(estado == ESTADO.OP2_INIT){
display.innerHTML += op;
estado = ESTADO.OP2;
}else if (estado == ESTADO.OP2){
display.innerHTML += op;
estado = ESTADO.OP2;
}
}
op = document.getElementsByClassName("operador")
//-- Insertar simbolo de operador
for (i=0; i<operador.length; i++) {
op[i].onclick = (ev) => {
operador(ev.target.value)
}
}
op.length
ya que la variableop
es la que tiene los elementos. Yoperador
es la funcion