尝试创建一个简单的计算器,这是我输入的代码。
<input type="button" value=" 1 " onClick="calculator.answer.value += '1'" />
问题是我得到了上面的错误。不确定可能是什么问题。下面是再次出现的错误。
Cannot read property 'value' of undefined
at HTMLInputElement.onclick
发布于 2018-07-16 04:21:49
如果您确实有一个具有名为answer的属性的对象,而该对象本身也是具有名为value的属性的对象(这就是您的代码的样子),那么您需要将calculator.answer.value += '1'
包装在function中,并在单击时执行该函数。
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 " />
https://stackoverflow.com/questions/51351878
复制相似问题