获取以下错误不能读取HTMLInputElement中未定义的属性值。

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (178)

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

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

问题是我得到了上面的错误,不知道是什么问题。

Cannot read property 'value' of undefined
at HTMLInputElement.onclick
提问于
用户回答回答于

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方法,这样就不会将HTML与JavaScript混为一谈。

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 " />

所属标签

可能回答问题的人

  • 找虫虫

    0 粉丝0 提问6 回答
  • 优惠活动秘书

    0 粉丝2 提问5 回答
  • 爸爸

    腾讯 · 客户端安全 (已认证)

    4 粉丝4 提问5 回答
  • 不吃貓的鱼oo

    5 粉丝466 提问5 回答

扫码关注云+社区

领取腾讯云代金券