如何让数字出现在 Javascript 的显示屏幕上？

Question

我目前正在使用 Javascript 构建一个计算器，我正在努力让数字显示在屏幕上。

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);
  }
}

到目前为止的输出是，如果按下按钮 9，它会显示在控制台中，但不会替换显示屏中的 0 到 9。 .innerHTML = num9 不是要把数字 0 换成 9 吗？

“calcDisplay”是 HTML 一侧的 class。

Answer 1

getElementsByClassNamereturns一个array，使用[0]访问第一个元素

document.getElementsByClassName("calcDisplay")[0].innerHTML = num9

如何让数字出现在 Javascript 的显示屏幕上？

How to make Number appear in display Screen in Javscript?

javascript

if-statement