Javascript ++；在我的函数中没有添加正确的数字

在这段代码中，我想让3个div在向上滚动时按1递增，在向下滚动时按1递减。 由于某些原因，第一次滚动时，它不会对所有的div进行滚动，而且它们的相加也不正确。 有人能帮忙吗

var值=1；
函数show（）{
如果（值===null）{
数值=1；
}
document.getElementById（“ValueCenter”）.innerHTML=Value；
document.getElementById（“ValueCenter”）.addEventListener（“轮子”，函数（e）{
如果（e.deltaY<0）{
添加（）；
}
如果（e.deltaY>0）{
减少（）；
}
});
}
函数showRest（）{
document.getElementById（“ValueUpper”）.innerHTML=Value-1；
document.getElementById（“ValueDown”）.innerHTML=Value+1；
}
函数add（）{
document.getElementById（“ValueCenter”）.innerHTML=Value++；
document.getElementById（“ValueUpper”）.innerHTML=Value++；
document.getElementById（“ValueDown”）.innerHTML=Value++；
}
函数减少（）{
document.getElementById（“ValueCenter”）.innerHTML=Value--；
document.getElementById（“ValueUpper”）.innerHTML=Value--；
document.getElementById（“ValueDown”）.innerHTML=Value--；
}

#值上限、#值中心、#值下限{
字号：20pt；
}

1.

您可以使用的前缀表示法，它首先递增值，然后返回新值，而不是使用后缀表示法（与的相同）

var值=1；
函数show（）{
如果（值===null）{
数值=1；
}
document.getElementById（“ValueCenter”）.innerHTML=Value；
document.getElementById（“ValueCenter”）.addEventListener（“轮子”，函数（e）{
如果（e.deltaY<0）{
添加（）；
}
如果（e.deltaY>0）{
减少（）；
}
});
}
函数showRest（）{
document.getElementById（“ValueUpper”）.innerHTML=Value-1；
document.getElementById（“ValueDown”）.innerHTML=Value+1；
}
函数add（）{
document.getElementById（“ValueCenter”）.innerHTML=++Value；
showRest（）；
}
函数减少（）{
document.getElementById（“ValueCenter”）.innerHTML=--值；
showRest（）
}

#值上限{
字号：20pt；
}
#价值中心{
字号：20pt；
}
#价值下降{
字号：20pt；
}

1.

这确实解决了数字加起来不正确的问题，谢谢！但当我向上或向下滚动时，仍然存在这个问题。它将2个div更改为零。这使代码更有条理，更易于编辑。非常感谢！这看起来像是一个发现差异的游戏，而不是一个答案。你改变了什么？为什么要解决p问题？为什么您的live demo包含指向CSS和JS的无效链接？live demo编辑器包含一个“整洁”按钮，您应该使用它来修复代码中糟糕的缩进。

document.getElementById("ValueCenter").innerHTML = ++Value;
//                                                 ^^       prefix