Javascript 替换和更改变量中的字符串

我有一个网址https://example.com/fullimg.php?eid=1&pgno=&pdate=2022-12-24，

我想创建一个下一步和上一步按钮.如果用户点击Next按钮，他将重定向到pgno=1，这意味着下一页.如果他再次点击Next按钮，他将被重定向到pgno=2，以此类推，如果他再次点击Next，他将被重定向至pgno=3，这里pdate是动态的，并且每天都在变化.

我试过这个

      let url = window.location.href;
      if (url.includes("pgno=")) {
        url = url.replace("pgno=", "pgno=2");
      } else if (url.includes("pgno=2")) {
        url = url.replace("pgno=", "pgno=3");
      }
      console.log(url);
      window.location.replace(url);

Also 我试过这个

      let url = window.location.href;
      if (url.includes("pgno=")) {
        url = url.replace("pgno=", "pgno=2");
      } 
      if (url.includes("pgno=2")) {
        url = url.replace("pgno=", "pgno=3");
      }
      console.log(url);
      window.location.replace(url);

对于两者，它只执行第一个条件，而不是第二个条件.单击下一步按钮后，它将转到pgno=2，但之后当我单击下一步时，它仍在重新加载并重定向到pgno=2

我怎么才能解决它呢？

我已经解决了这个问题，多亏了@Unmitiated

这就是功能，

    function Next2() {
      let params = new URLSearchParams(location.search);
      // get the value of pgno
      let pgno = +params.get('pgno');
      // check if pgno is less than or equal to 12
      if (pgno <= 11) {
        // go to next page
        params.set('pgno', pgno + 1);
        location.search = params;
      }
    }

下面是前面的函数

    function Prev1() {
      let params = new URLSearchParams(location.search);
      // get the value of pgno
      let pgno = +params.get('pgno');
      // check if pgno is greater than 1
      if (pgno > 1) {
        // go to previous page
        params.set('pgno', pgno - 1);
        location.search = params;
      }
    }