如何将动态变化的innerHTML存入全局变量，可在计算器项目全场景调用？

问题根因 #

你已经在全局作用域声明了result变量，但无法在其他函数调用的核心原因是：selector函数内部使用let重复声明了同名的result变量，此时赋值操作仅作用于函数局部作用域的result，全局的result变量始终未被更新。

实现方案 #

第一步：修正全局变量赋值逻辑 #

移除selector函数内result前的let关键字，直接对全局result赋值。同时建议提前缓存输出框DOM、新增全局变量存储操作数和运算符，方便运算函数调用。

第二步：补充运算符逻辑所需的全局变量 #

你当前operatorSign函数中使用的a、b参数未定义，可通过全局变量存储第一个操作数、运算符，等点击等号后再读取第二个操作数完成计算。

修改后的完整JS代码 #

var select = document.querySelector('#buttons')
var operating = document.querySelector('#operators')
// 缓存输出框DOM，避免每次重复查询
var output = document.querySelector('#output')

select.addEventListener('click', selector)
operating.addEventListener('click', operatorSign)

// 全局变量：存储当前输入值、第一个操作数、选中的运算符
let currentInput = ''
let firstNum = ''
let operator = ''

function selector(event) {
  let target = event.target;
  if (target.matches('button')) {
    let value = target.innerHTML
    // 直接更新全局输入变量
    currentInput += value
    // 同步到输入框
    output.value = currentInput
  }}

function operatorSign(e) {
    let operatorBtn = e.target;
    if (operatorBtn.matches('button')) {
      let value = operatorBtn.innerHTML
      // 点击等号执行计算
      if (value === "=") {
        let secondNum = currentInput
        let result
        switch(operator) {
          case "+":
            result = Number(firstNum) + Number(secondNum)
            break
          case "-":
            result = Number(firstNum) - Number(secondNum)
            break
          case "*":
            result = Number(firstNum) * Number(secondNum)
            break
          case "/":
            result = Number(firstNum) / Number(secondNum)
            break
          default:
            return
        }
        output.value = result
        // 重置变量方便后续计算
        currentInput = String(result)
        firstNum = ''
        operator = ''
        return
      }
      // 点击运算符时存储第一个操作数和运算符
      firstNum = currentInput
      operator = value
      currentInput = ''
    }
}

额外优化建议 #

你当前HTML中所有按钮都使用了重复的id="button"，id属性在页面中必须唯一，建议改为class="button"避免后续DOM操作出现异常。

内容的提问来源于stack exchange，提问作者Allen Chen