Javascript 递增一个数直到最大值_Javascript_Html_Function_For Loop_Increment

Javascript 递增一个数直到最大值

javascript html function for-loop

Javascript 递增一个数直到最大值,javascript,html,function,for-loop,increment,Javascript,Html,Function,For Loop,Increment,所以我基本上是想在我的HTML中添加一个页面计数器 <!DOCTYPE html> <html> <head> </head> <body> <div class="content"> <h1>My Text</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.[...] &

所以我基本上是想在我的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>


我的文字
Lorem ipsum dolor sit amet，奉献精英。[…]
下一个
页数：1/5

问题是这个数字会立即更新为5，而不是增加+1

var pages = 1;

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

}

var页面=1；
函数下一页（）{
用于（页面；页面<5；页面++）；
var x=document.getElementById（“pageNum”）.innerHTML=pages+“/5”；
}

由于分号

就在for loop语句之后，for循环没有块，请删除该分号，它应该可以工作
 for (pages; pages<5; pages++)
   var x = document.getElementById ("pageNum").innerHTML = pages + "/5";

for（pages；pages使用此脚本代码，您的下一页按钮工作正常
<script>
    var pages = 1;
    function nextP (){
        pages=pages+1;
        var x = document.getElementById ("pageNum").innerHTML = pages + "/5";
        if(pages==5){pages=0;}
}
</script>


var=1；
函数nextP（）{
页数=页数+1；
var x=document.getElementById（“pageNum”）.innerHTML=pages+“/5”；
如果（pages==5）{pages=0；}
}
希望它对您有用。
var=1；
函数nextP（）{
如果（第==5页）{
页数=5页；
var x=document.getElementById（“pageNum”）.innerHTML=pages+“/5”；
}
否则{
页数=页数+1；
var x=document.getElementById（“pageNum”）.innerHTML=pages+“/5”；
}
}
删除分号您的代码中有一个for循环，在循环的末尾，pages
变量是5
。单击按钮时，尝试将pages变量增加一个。它不起作用，它直接将4/5放入页面，而不是一个接一个地增加。@ruchikajain得到了它…感谢spo还是一样。谢谢你的回答。但是当计数器点击5/5，我点击“下一步”后，计数器从1开始重复，但我希望它在5后停止。不过，我又学到了一些新东西。谢谢你。很好！我用你上次的模板算出来了。
(pages < 5 ? ++page : 1)

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

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

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>