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-loop，只需要一个三元表达就足够了

(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

@pytest.fixture(scope='function') 
def browser():

将数字递增到最大值

3 个答案: