HTML 随机点名 --个人写法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>点名3.0</title><style>button{height: 40px;width: 80px;margin: 5px;background:#FFFAF0;border-width:1px;font-size: 18px;}span{height: 200px;width: 200px;background: bisque;margin: 5px;font-size: 20px;}.D1{height: 400px;width: 1500px;background: #fff;}.B{height: 40px;width: 80px;margin: 5px;border-radius: 5px;}.Dm{height: 65px;width: 300px;font-size: 50px;background: #fff;border-radius: 10px;}</style>
</head>
<body onload="A()">
<div align="center"><div id="D1" class="D1" align="center" ><input type="button" value="开始" class="B" onclick="begin()"><br><input type="button" value="结束" class="B" onclick="end()" ><br></div><div class="Dm"><p  id="P2"></p></div>
</div><script>let name;let f;let k=0;let F=true;let names=["裴磊", "杨三坡", "赵世博", "孙涛", "无", "黄焱", "刑士祥", "朱文宝", "王得虎", "徐啸儒", "任苗苗", "谭威","窦文铭", "涂凯", "无", "刘雪峰", "张好", "无", "张子强", "无", "张坤", "何俊豪", "汪权", "姚勇","杨佳鹏", "张亚军", "王帝豪", "赵文娟", "刘莎莎", "刘腾飞", "陈志浩", "张红娟", "张阳", "李慧琴", "褚亚涛", "王鑫","张永宝","刘海鹏", "张宇", "杨淼州", "张子阳", "刘崇","张克琪", "陶宇", "杨锡坤", "无", "无", "魏邵杰","无",    "高杜炜", "万功贺", "朱晨辉", "杨文昊", "王少华","郭亮","无","王艳康","无","张浩然","周俊杰","无",    "无","姬家兴","无","李智成","周鹏","吕浚鹏","无","无","无","无","无"];//生成当前名单function A(){for(let i=0;i<names.length;i++){if(names[i].length>1){let x=document.createElement("button");x.id=k+'';let t=document.createTextNode(names[i]);x.appendChild(t);document.getElementById("D1").appendChild(x);if((i+1)%12==0&i!=0){let x=document.createElement("br");document.getElementById("D1").appendChild(x);}k++;}else{let x=document.createElement("button");let t=document.createTextNode(names[i]);x.appendChild(t);document.getElementById("D1").appendChild(x);if((i+1)%12==0&i!=0){let x=document.createElement("br");document.getElementById("D1").appendChild(x);}}}}function change(){let ID=Math.floor(Math.random()*k);name=document.getElementById(ID+'').innerHTML;for(let i=0;i<k;i++){if(ID!=i){document.getElementById(i+'').style.cssText="background:#FFFAF0";}document.getElementById(ID+'').style.cssText="background:#f00";}}function begin(){document.getElementById("P2").style.cssText="background: #ffd30b"document.getElementById("P2").innerHTML="";if(F){f=setInterval(change,50);F=false;}}function end(){F=true;document.getElementById("P2").style.cssText="background: #ffd30b"document.getElementById("P2").innerHTML=name;clearInterval(f);}</script></body>
</html>

HTML 随机点名 --个人写法相关推荐

javascript 随机点名
javascript随机点名视频 https://www.bilibili.com/video/BV1PJ41177YW?p=4 代码 <!DOCTYPE html> <html ...
python编写一个软件-python写一个随机点名软件的实例
最近有个随机点名软件的需求,故写了一个,上代码:github地址 # -*- coding: utf-8 -*- # @Time : 18-12-31 下午4:21 # @Author : Felix ...
好程序员web前端分享数组及排序、去重和随机点名
好程序员web前端分享数组及排序.去重和随机点名,栈堆结构:堆栈都是一种数据项按序排列的数据结构,只能在一端(称为栈顶(top))对数据项进行插入和删除. 栈:存放的是路径:容量有限(在一开始被定义之 ...
python小案例随机点名_python用tkinter实现一个简易能进行随机点名的界面
今天学到Python 有一个名为 random 的内置模块,可用于生成随机数, 这个好玩~可以用来做为上课随机点名的程序了哈哈.. def main_cor(): import random i = ...
SASS+Compass基本使用，结合JavaScript实现随机点名小系统
SASS+Compass基本使用,以一个随机点名demo为例 demo 源码:https://github.com/XieTongXue/call-over,效果请看(5),代码解释请看源码. (1) ...
[Electron]仿写一个课堂随机点名小项目
自从前几个月下了抖音,无聊闲暇时就打会打开抖音,因为打开它有种莫名其妙打开了全世界的感觉... 无意中看到这个小视频:随机点名于是仿写了一个课堂点名小项目,算是对Electron的一个简单的认识,有 ...
* 完成随机点名案例；学生姓名都提前写在文件中；:每次敲回车,随机显示一个学生姓名,每人最多显示一次,所有人都显示完了就结束程序；
import java.io.BufferedReader; import java.io.File; import java.io.FileReader; import java.io.IOExce ...
自动点名系统c语言,用C语言编写一个随机点名系统
/*编写一个随机点名系统,运行该系统后,按空格键可以显示出一名同学,以前被选中的同学,将不会再次被选中*/ #include /*standard input & output*/ #incl ...
用php实现随机点名,使用javascript做的一个随机点名程序
这篇文章主要介绍了使用javascript做的一个随机点名程序,经测试,效果相当不错,需要的朋友可以参考下 /p> "http://www.w3.org/TR/html4/loose. ...

HTML 随机点名 --个人写法

HTML 随机点名 --个人写法相关推荐

最新文章

热门文章