gpt4 book ai didi

javascript - 增加一个数字直到最大值

转载 作者:行者123 更新时间:2023-12-03 02:01:38 26 4
gpt4 key购买 nike

所以基本上我正在尝试向 HTML 添加页面计数器

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="content">
<h1>My Text</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.[...] </p>
</div>
<div class="footer">
<button class="nextP" onclick="nextPage()">Next</button>
<p>Pages: <a id="pageNum">1/5</a></p>
</div>
<script src="script/nextPage.js">
</script>
</body>
</html>

问题是数字立即更新为 5,而不是增加 +1。

var pages = 1;

function nextPage (){
for (pages; pages < 5; pages++);
var x = document.getElementById("pageNum").innerHTML = pages + "/5";

}

最佳答案

由于 分号 ; 在 for-loop 语句之后,您的 for 循环没有 block ,请删除该分号并它应该有效

 for (pages; pages<5; pages++)
var x = document.getElementById ("pageNum").innerHTML = pages + "/5";

使用 {} 提高可读性并防止此类问题

 for (pages; pages<5; pages++)
{
var x = document.getElementById ("pageNum").innerHTML = pages + "/5";
}

编辑

如果要一一递增,则不需要for循环,三元表达式就够了

(pages < 5 ? ++page : 1)

函数将变成

function nextP(){
var x = document.getElementById("pageNum").innerHTML = (pages < 5 ? ++page : 1) + "/5";
}

关于javascript - 增加一个数字直到最大值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49981646/

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