纯js实现随机点名案例

最新推荐文章于 2023-08-04 11:46:29 发布

家里有只mini猫

最新推荐文章于 2023-08-04 11:46:29 发布

阅读量1k

点赞数 1

分类专栏：知识的宝库文章标签： javascript html js

本文链接：https://blog.csdn.net/qq_41256238/article/details/106946762

版权

纯js实现随机点名案例

页面参考

未加载Excel名单表

在这里插入图片描述

加载Excel表

在这里插入图片描述

开始启动

在这里插入图片描述

停止

在这里插入图片描述

流程图

在这里插入图片描述

代码编写

导入js库

在这里插入图片描述

js-xlsx

由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库，功能强大，支持格式众多，支持xls、xlsx、ods(一种OpenOffice专有表格文件格式)等十几种格式。本文全部都是以xlsx格式为例。

下载地址：

jquery官网下载地址：https://jquery.com/download/
js-xlsx：https://github.com/SheetJS/js-xlsx

代码实现

<!DOCTYPE html>
<html>

<head>
    <title>js读取Excel文件</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style>
        table td {
      
            border: 1px solid black;
            width: 70px;
            text-align: center;
        }
    </style>
</head>

<body class="Body noover">
    <h4>上传你要生成名单Excel表</h4>
    <input type="file" id="file" /><br>
    <br>
    <button id="createList">点击生成</button>

    <!-- 名单表div -->

    <div style="width: 800px; height: 600px;  margin-left: 350px; margin-top: -100px;">
        <h3 style="text-align: center;">点名系统</h3>
        <div>
            <table id="roster" cellspacing

最低0.47元/天解锁文章

家里有只mini猫

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
纯js实现随机点名案例

纯js实现随机点名案例页面参考未加载Excel名单表加载Excel表开始启动停止流程图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-puBWlKdO-1592987562514)(assets/1592987021151.png)]代码编写导入js库[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1cL9OqQO-1592987562516)(assets/1592987086335.png)]
复制链接

扫一扫