Actualmente estoy construyendo una calculadora usando Javascript y estoy luchando para que el número se muestre en la pantalla.
Código JavaScript:
const num9 = document.getElementById("9").innerHTML; const num8 = document.getElementById("8").innerHTML; const num7 = document.getElementById("7").innerHTML; const num6 = document.getElementById("6").innerHTML; const num5 = document.getElementById("5").innerHTML; const num4 = document.getElementById("4").innerHTML; const num3 = document.getElementById("3").innerHTML; const num2 = document.getElementById("2").innerHTML; const num1 = document.getElementById("1").innerHTML; const num0 = document.getElementById("0").innerHTML; const btnPlus = document.getElementById("plus").innerHTML; const btnMinus = document.getElementById("minus").innerHTML; const btnDivide = document.getElementById("divide").innerHTML; const btnMultiply = document.getElementById("multiply").innerHTML; const btnEquals = document.getElementById("equals").innerHTML; let display; let result; function displayScreen() { if(num9 == num9) { display = document.getElementsByClassName("calcDisplay").innerHTML = num9; console.log(display); } } El resultado hasta ahora es que si se presiona el botón 9, aparece en la consola, pero no reemplaza el cero al 9 en la pantalla de visualización. ¿No está el .innerHTML = num9 destinado a reemplazar el número 0 a 9?
El "calcDisplay" es una clase en el lado HTML.
getElementsByClassName devuelve una array , use [0] para acceder al primer elemento
document.getElementsByClassName("calcDisplay")[0].innerHTML = num9