题解 | #生成页码#
生成页码
https://www.nowcoder.com/practice/d2f7c1ed14f5482490271fd3b9cf4a86
<!--
描述
请补全JavaScript代码,要求根据参数动态生成"li"标签页码并插入"ul"标签下。要求如下:
1. "allItem"为总数据项个数,"pageItem"为每页的数据项个数
2. "li"标签内容为当前页码数,页码从1开始
示例1
输入:
_createPage(13,2)
输出:
"li"长度为7,"li"内容依次为"1","2","3","4","5","6","7"
-->
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
</head>
<body>
<ul id="ul">
</ul>
<script type="text/javascript">
const _createPage = (allItem, pageItem) => {
// 补全代码
allItem = allItem % pageItem === 0 ? allItem : (allItem+ (pageItem - allItem % pageItem))
let page = allItem/pageItem
var arr = []
for(let i = 1;i<=page;i++){
arr.push('<li>'+i+'</li>')
}
document.getElementById('ul').innerHTML = arr.join('')
}
_createPage(13,3)
</script>
</boy>
</html>
KK学习前端之js答题过程 文章被收录于专栏
记录自己学习前端的各个过程,定期复盘,努力提高自己。 此专栏为自己的js答题记录。 欢迎各位一起沟通与讨论。
