使用ul和li标签完成分页功能，分页使用原生js实现

好的，下面是使用`ul`和`li`标签完成分页功能的`HTML`和`JavaScript`代码示例：

<div id="page-container">
  <ul id="pagination"></ul>
</div>

// 分页数据
var data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];

// 每页显示的条目数
var pageSize = 5;

// 计算总页数
var pageCount = Math.ceil(data.length / pageSize);

// 获取分页容器和分页列表
var pageContainer = document.getElementById('page-container');
var pagination = document.getElementById('pagination');

// 生成分页列表
for (var i = 1; i <= pageCount; i++) {
  var li = document.createElement('li');
  var a = document.createElement('a');
  a.href = 'javascript:void(0)';
  a.innerHTML = i;
  a.onclick = (function (page) {
    return function () {
      showPage(page);
    };
  })(i);
  li.appendChild(a);
  pagination.appendChild(li);
}

// 显示指定页的数据
function showPage(page) {
  var start = (page - 1) * pageSize;
  var end = start + pageSize;
  var pageData = data.slice(start, end);
  console.log(pageData);
}

在上面的代码中，我们先定义了一个数组`data`，表示要进行分页的数据。然后我们设置每页显示的条目数为`5`，通过计算数组长度和每页条目数，我们可以得到总页数`pageCount`。接下来，我们获取分页容器和分页列表，然后通过一个循环生成分页列表中的每个页码链接。在生成每个页码链接时，我们给链接添加了一个点击事件，点击链接时会调用`showPage`函数，并传入对应的页码，以便在该函数中显示对应页码的数据。最后，我们实现了`showPage`函数，该函数根据传入的页码计算出该页对应的数据范围，并输出到控制台中。