javascript - 出现以下错误 Cannot read property 'value' of undefined at HTMLInputElement.onclick

Question

尝试创建一个简单的计算器，这是我输入的代码。

<input type="button" value=" 1 " onClick="calculator.answer.value += '1'" />

问题是我收到了上述错误。不确定可能是什么问题。下面再次出现错误。

Cannot read property 'value' of undefined
at HTMLInputElement.onclick

Answer 1

如果您确实有一个具有名为answer 的属性的对象，该对象本身就是一个具有名为 value 的属性的对象(这就是您的代码的样子)，那么您需要包装您的 calculator.answer.value += '1 ' 在函数中并在单击时执行该函数。

const calculator = {
  answer: {
    value: 0
  }
};

function addOne() {
  calculator.answer.value += 1;
  console.log(calculator.answer.value);
}

<input type="button" value=" 1 " onClick="addOne()" />

尽管您应该将该 onClick 代码移至 js 文件并将其替换为 addEventListener 方法，这样您就不会用 JavaScript 弄乱您的 HTML。

const calculator = {
  answer: {
    value: 0
  }
};

const btn = document.querySelector('input');
btn.addEventListener('click', addOne);

function addOne() {
  calculator.answer.value += 1;
  console.log(calculator.answer.value);
}

<input type="button" value=" 1 " />