增加一个数字直到最大值

Question

所以基本上我正在尝试向我的 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";

}

Answer 1

由于分号 ; 就在 for 循环语句之后，您的 for 循环没有块 ，删除那个分号，它应该可以工作

 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";
}

Answer 2

使用此脚本代码，您的下一页按钮绝对可以正常工作。

<script>
    var pages = 1;
    function nextP (){
        pages=pages+1;
        var x = document.getElementById ("pageNum").innerHTML = pages + "/5";
        if(pages==5){pages=0;}
}
</script>

Answer 3

Hope it will work for you.

   <script>
        var pages = 1;
       function nextP (){
           if(pages==5){
            pages=5;
            var x = document.getElementById ("pageNum").innerHTML = pages + "/5";
           }
           else{
            pages=pages+1;
            var x = document.getElementById ("pageNum").innerHTML = pages + "/5";
           }

      }
    </script>

增加一个数字直到最大值

incrementing a number till maximum

html

javascript

for-loop

function

increment