Javascript innerHTML不';与加号/分钟按钮一起使用时不工作
在下面的代码中,我希望在(var inputField)的值通过+和-按钮递增和递减,但我的代码不起作用时,控制台log和innerHTML。有人能帮我解决这个问题吗Javascript innerHTML不';与加号/分钟按钮一起使用时不工作,javascript,Javascript,在下面的代码中,我希望在(var inputField)的值通过+和-按钮递增和递减,但我的代码不起作用时,控制台log和innerHTML。有人能帮我解决这个问题吗 const minusButton=document.getElementById('减号'); const plusButton=document.getElementById('plus'); var inputField=document.getElementById('input'); minusButton.addEv
const minusButton=document.getElementById('减号');
const plusButton=document.getElementById('plus');
var inputField=document.getElementById('input');
minusButton.addEventListener('单击',事件=>{
const currentValue=编号(inputField.value);
inputField.value=当前值-1;
});
plusButton.addEventListener('单击',事件=>{
const currentValue=编号(inputField.value);
inputField.value=当前值+1;
});
函数myFunction(){
document.getElementById(“a”).innerHTML=inputField.value;
console.log(inputField.value);
}
−
+
当您通过代码设置输入元素的值时,它不会调用onchange
函数。我不确定这是全部浏览器还是只是部分浏览器,但它似乎是全部。如果要调用更改事件,请调用按钮单击函数中的函数myFunction
。或者调用输入的change
函数
下列工作之一:
minusButton.addEventListener('click', event => {
const currentValue = Number(inputField.value);
inputField.value = currentValue - 1;
myFunction();
});
或
以编程方式更改输入值不会触发更改事件我会为您首先使用innerHTML感到羞耻。这才是真正的问题。
minusButton.addEventListener('click', event => {
const currentValue = Number(inputField.value);
inputField.value = currentValue - 1;
inputField.onchange();
});