Как увеличить значение из JavaScript в HTML? - PullRequest
Новая
       12

Как увеличить значение из JavaScript в HTML?

0 голосов
/ 18 сентября 2018

Я хочу сделать очень простые кнопки для переключения страниц («следующий» и «предыдущий»).У меня такая страница разбита на страницы. 

function showPages(id = 1) {
  var totalNumberOfPages = 6;
  for (var i = 1; i <= totalNumberOfPages; i++) {
    if (document.getElementById('page' + i)) {
      document.getElementById('page' + i).style.display = 'none';
    }
  }
  if (document.getElementById('page' + id)) {
    document.getElementById('page' + id).style.display = 'block';
  }
};

showPages();
<span style="float: left;">
  <a href="#" onclick="javascript:showPages(id--)">Previous</a>
</span>

<span style="float: right;">
  <a href="#" onclick="javascript:showPages(id++)">Next</a>
</span>

Когда я нажимаю кнопку «следующий» или «предыдущий», он ведет себя странно.Иногда он переходит на следующую страницу, иногда нет ...

(подвопрос: как я могу ограничить код, чтобы он не пытался отобразить страницу -1 или страницуномер выше максимального номера страницы?

1 Ответ

0 голосов
/ 18 сентября 2018

Не используйте id-- или id ++ в своих ссылках, потому что это изменяет фактический идентификатор страницы.Вместо этого используйте +1 или -1, как это: 

<span style="float: left;">
    <a href="#" onclick="javascript:showPages(id - 1)">Previous</a>
</span>

<span style="float: right;">
    <a href="#" onclick="javascript:showPages(id + 1)">Next</a>
</span>
...