Javascript 重置按钮未将值重置为0

在这里执行基本的DOM操作。一切都很顺利：当任何玩家达到一个预定义的数字，如5，现在分数变为绿色，并停止进一步增加。然后，当我单击“重置”按钮时，它将重置为“0到0”，但当我单击任何“播放器”按钮时，它将继续使用上一个值，而不是从0开始

/*全局提示、警报、控制台*/
/*jslint plusplus：正确*/
var button1=document.querySelector（“.button1”）；
var button2=document.querySelector（“.button2”）；
变量p1Display=document.querySelector（“.p1Display”）；
var p2Display=document.querySelector（“.p2Display”）；
var reset=document.querySelector（“.reset”）；
var val1=0；
var-val2=0；
var-maxVal=5；
var gameOver=false；
按钮1.addEventListener（'click'，函数（）{
"严格使用",；
如果（gameOver==false）{
val1++；
if（val1==maxVal）{
p1Display.classList.add（“win”）；
gameOver=true；
}
p1Display.textContent=val1；
}
});
按钮2.addEventListener（'click'，函数（）{
"严格使用",；
如果（gameOver==false）{
val2++；
if（val2==maxVal）{
p2Display.classList.add（“win”）；
gameOver=true；
}
p2Display.textContent=val2；
}
});
reset.addEventListener（'click'，函数（）{
"严格使用",；
var val1=0；
var-val2=0；
p1Display.textContent=0；
p2Display.textContent=0；
p1Display.classList.remove（“win”）；
p2Display.classList.remove（“win”）；
gameOver=false；
});
.win{
颜色：绿色；
}

记分员
0比0
玩到：5
一号玩家
球员二
重置
重置时不要使用
var
：在重置功能中，更换

var val1 = 0;
var val2 = 0;

借

val1
和
val2
已在外部范围内声明，在较窄范围内重新声明它们只会创建具有相同名称的不同变量（“阴影”）：重置函数内的两个变量
val1
和
val2
与函数外的变量不同。事实上，它们从未被使用过，这就是为什么JSLint报告了一个重新声明，而JSHint说它们是未使用的变量。
问题中每个单词的可怕大写是怎么回事？请把你的帖子修改一下。
val1 = 0;
val2 = 0;