javascript - 将jquery中的简单分页转换为javascript代码

Question

我有以下 Jquery 代码，我需要将其转换为纯 javascript 代码。谁能帮我把它转换成javascript代码。

$('#pagination-demo').twbsPagination({
  totalPages: 200,
  // the current page that show on start
  startPage: 1,

  // maximum visible pages
  visiblePages: 5,

  initiateStartPageClick: true,

  // template for pagination links
  href: false,

  // variable name in href template for page number
  hrefVariable: '{{number}}',

  // Text labels
  first: 'First',
  prev: 'Previous',
  next: 'Next',
  last: 'Last',

  // carousel-style pagination
  loop: false,

  // callback function
  onPageClick: function(event, page) {
    $('.page-active').removeClass('page-active');
    $('#page' + page).addClass('page-active');
  },

  // pagination Classes
  paginationClass: 'pagination',
  nextClass: 'next',
  prevClass: 'prev',
  lastClass: 'last',
  firstClass: 'first',
  pageClass: 'page',
  activeClass: 'active',
  disabledClass: 'disabled'

});

.container {
  margin-top: 20px;
}

.page {
  display: none;
}

.page-active {
  display: block;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="pagination-demo" class="pagination-lg pull-right"></ul>

我需要与 javascript 具有相同的可能性，但我不知道该怎么做。

标签： javascriptjquery