gpt4 book ai didi

javascript -++ 在我的函数中没有添加正确的数字

转载 作者:行者123 更新时间:2023-11-30 20:11:10 25 4
gpt4 key购买 nike

在这段代码中,我想让 3 个 div 在向上滚动时加一,在向下滚动时减数。出于某种原因,您第一次滚动它不会对所有 div 都这样做,而且它们不会正确加起来。有人可以帮忙吗?

var Value = 1;

function show() {
if (Value === null) {
Value = 1;
}
document.getElementById("ValueCenter").innerHTML = Value;
document.getElementById("ValueCenter").addEventListener('wheel', function (e) {
if (e.deltaY < 0) {
add();
}
if (e.deltaY > 0) {
decrease();
}
});

}
function showRest() {
document.getElementById("ValueUpper").innerHTML = Value - 1;
document.getElementById("ValueDown").innerHTML = Value + 1;
}

function add() {
document.getElementById("ValueCenter").innerHTML = Value++;
document.getElementById("ValueUpper").innerHTML = Value++;
document.getElementById("ValueDown").innerHTML = Value++;
}
function decrease() {
document.getElementById("ValueCenter").innerHTML = Value--;
document.getElementById("ValueUpper").innerHTML = Value--;
document.getElementById("ValueDown").innerHTML = Value--;
}
#ValueUpper, #ValueCenter, #ValueDown{
font-size: 20pt;
}
<!DOCTYPE html>
<head>
<title>1</title>
<link rel="stylesheet" type="text/css" href="css/wheel.css">
<link rel="stylesheet" href="style.css" type="text/css"/>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/wheel.js"></script>
</head>
<body onload="show(); showRest();">
<div id="ValueUpper"></div>
<div id="ValueCenter"></div>
<div id="ValueDown"></div>
</body>

最佳答案

您可以使用 increment operator ++ 的前缀符号, 它首先增加值然后返回新值而不是使用后缀表示法(与 decrement operator -- 相同。

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

关于javascript -++ 在我的函数中没有添加正确的数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52402487/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com