题解 | #生成页码#

生成页码

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答题记录。 欢迎各位一起沟通与讨论。

全部评论

相关推荐

06-07 17:17
嘉兴学院 教师
心爱的idea:你孩
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务