Javascript 将随机输入值转换为用于计数器计算的数字

我有个小问题

我正在尝试建立一个计数器，到目前为止，一切都很好。我想添加最后一件事：一个输入字段，因此无论用户输入哪个数字，它都将被处理并添加到计数器中，并显示在屏幕上

唯一的问题是我没有得到一个整数，但我和NaN一直在努力将其转换为一个常规整数，但它似乎不起作用

让numValue=document.getElementById（'number-search'）.value；
设num=parseInt（numValue）；
让add=document.getElementById（'add'）；
让subtract=document.getElementById（'subtract'）；
让int=document.getElementById（'counter'）；
设计数器=0；
add.addEventListener（'click'，function（）{
计数器+=num；
int.innerHTML=计数器；
})

0
添加
减去

您需要转换

函数中的值，方法是从搜索字段中提取值，然后执行
parseInt
：


let add=document.getElementById（'add'）；
让subtract=document.getElementById（'subtract'）；
让int=document.getElementById（'counter'）；
设计数器=0；
add.addEventListener（'click'，函数（evt）{
const{value='0'}=document.getElementById（'number-search'）；
常量numericValue=parseInt（值）；
计数器+=数值；
int.textContent=计数器；
})
0
添加
减去
问题在于，您在初始加载时获取的是输入字段的值，而不是在单击“添加”按钮时获取的值

因此，单击按钮时，
num
中的值为空，这将为您提供NaN

另外，检查输入字段是否有值也很好


let numEl=document.getElementById（'number-search'）；
让add=document.getElementById（'add'）；
让subtract=document.getElementById（'subtract'）；
让int=document.getElementById（'counter'）；
设计数器=0；
add.addEventListener（'click'，function（）{
const num=numEl.value？parseInt（numEl.value，10）：0；
计数器+=num；
int.innerHTML=计数器；
})
0
添加
减去
您需要在add函数中调用
num.value
，否则它将有一个常量值。然后，您需要将该
num.value
转换为一个数字：


let num=document.getElementById（'number-search'）；
让add=document.getElementById（'add'）；
让subtract=document.getElementById（'subtract'）；
让int=document.getElementById（'counter'）；
设计数器=0；
add.addEventListener（'click'，function（）{
console.log（num.value）；
计数器+=数字（数值）；
int.innerHTML=计数器；
})
0
添加
减去

let num=（）=>parseInt（document.getElementById（'number-search'）.value）//您有一个静态值“”试图更改为number。。那是y-NaN
让add=document.getElementById（'add'）；
让subtract=document.getElementById（'subtract'）；
让int=document.getElementById（'counter'）；
设计数器=0；
add.addEventListener（'click'，function（）{
计数器+=num（）；
int.innerHTML=计数器；
})
subtract.addEventListener（'click'，function（）{
计数器-=num（）；
int.innerHTML=计数器；
})
0
添加
减去

让numValue=document.getElementById（'number-search'）.value；
设num=parseInt（numValue）；
让add=document.getElementById（'add'）；
让subtract=document.getElementById（'subtract'）；
让int=document.getElementById（'counter'）；
设计数器=0；
add.addEventListener（'click'，function（）{
让numValue=parseInt（document.getElementById（'number-search'）.value）；
让counterValue=parseInt（document.getElementById（'counter'）.innerHTML）；
计数器值+=numValue；
document.getElementById（'counter'）。innerHTML=counterValue；
})
0
添加
减去
试试这个：-）


let计数器=0
actionPerform=（值）=>{
让numValue=document.getElementById（'number-search'）.value
设num=parseInt（numValue）
让add=document.getElementById（'add'）
让subtract=document.getElementById（'subtract'）
让int=document.getElementById（'计数器'）
如果（值=='ADD'）{
计数器=计数器+num
}否则{
计数器=计数器-num
}
int.innerHTML=计数器
}
0
添加
减去
谢谢你，伙计。我试过第一个，效果很好。非常感谢！