JavaScript函数——下一页

JavaScript函数——下一页,javascript,function,Javascript,Function,我正在尝试创建一个功能,通过一个按钮从一个问题页面转到下一个问题页面。因此,有一个按钮链接到下一个问题,在url中,它应该从1转到2,依此类推 我创建了一个函数,但它只转到/1或/11。任何帮助都将不胜感激 下一个问题 var i=1; 变量url=”http://127.0.0.1:8000/SAT/“+i; 函数incPage(){ 如果(i0){ --一,; window.location=url; }否则如果(i=0){ i=10; } document.getElementById(“

我正在尝试创建一个功能,通过一个按钮从一个问题页面转到下一个问题页面。因此,有一个按钮链接到下一个问题,在url中,它应该从1转到2,依此类推

我创建了一个函数,但它只转到/1或/11。任何帮助都将不胜感激

下一个问题
var i=1;
变量url=”http://127.0.0.1:8000/SAT/“+i;
函数incPage(){
如果(i<1000){
i++;
window.location=url;
}否则,如果(i=10){
i=0;
}
document.getElementById(“display”).innerHTML=i;
}
函数decPage(){
如果(i>0){
--一,;
window.location=url;
}否则如果(i=0){
i=10;
}
document.getElementById(“display”).innerHTML=i;
}

url
将始终是
http://127.0.0.1:8000/SAT/1
因为您在对函数执行任何操作之前已分配了
+i


如果只在开始时分配主url,则可以在incPage函数中附加索引(i)。

代码中的问题:

  • 调用函数后,您没有更新URL
  • 第一个函数中的else if无效,因为if块将为true。改变顺序
  • 下一个问题
    上一个问题
    var currentPage=1;
    var maxPage=1000;
    const changePage=(num)=>{
    让pageNum=currentPage+num
    currentPage=pageNum<1?1:pageNum>maxPage?maxPage:pageNum;
    window.location=`http://127.0.0.1:8000/SAT/${currentPage}`;
    }
    
    <button onclick="changePage(1);">Next Question</button>
    <button onclick="changePage(-1);">Prev Question</button>
    
    var currentPage = 1;
    var maxPage = 1000;
    const changePage = (num) => {
      let pageNum = currentPage + num
      currentPage = pageNum < 1 ? 1 : pageNum > maxPage ? maxPage : pageNum;
      window.location = `http://127.0.0.1:8000/SAT/${currentPage}`;
    }