Блог

Главная - Вопросы по программированию - Функция JavaScript — следующая страница

Функция JavaScript — следующая страница

#javascript #function

#javascript #функция

Вопрос:

Я пытаюсь создать функцию, которая будет переходить с одной страницы вопроса на следующую с помощью кнопки. Итак, есть кнопка, которая ссылается на следующий вопрос, и в URL-адресе она должна перейти к 2 из 1 и так далее.

Я создал функцию, но она переходит только в / 1 или / 11. Любая помощь будет оценена.

 <button onclick="incPage();">Next Question</button>
<script>
  var i = 1;
  var url = "http://127.0.0.1:8000/SAT/"   i;

  function incPage() {
    if (i < 1000) {
      i  ;
      window.location = url;
    } else if (i = 10) {
      i = 0;
    }
    document.getElementById("display").innerHTML = i;
  }

  function decPage() {
    if (i > 0) {
      --i;
      window.location = url;
    } else if (i = 0) {
      i = 10;
    }
    document.getElementById("display").innerHTML = i;
  }
</script>

Ответ №1:

Проблемы с вашим кодом:

  1. Вы не обновили URL после вызова функции.
  2. иначе, если в первой функции бесполезно, потому что if-block будет true . Измените порядок.
 <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}`;
}

Ответ №2:

url всегда будет http://127.0.0.1:8000/SAT/1 , потому что вы назначили i , прежде чем что-либо делать с функцией.

Если вы просто назначите свой основной URL в начале, вы можете добавить индекс (i) внутри функции incPage.