html 抽签分小组代码,JavaScript实现班级抽签小程序

本文实例为大家分享了JavaScript实现班级抽签小程序的具体代码，供大家参考，具体内容如下

项目展示

项目中假设一个班只有三十个人

html结构

请问你要抽几个xx班的小宝贝呢？

开始抽签

制作者：chenyu-max

CSS层叠样式

.outerContainer {

margin-top: 100px;

}

.question {

margin-top: 30px;

width: 100%;

height: 50px;

line-height: 50px;

font-size: 25px;

transition: all .3s linear;

/* 颜色变化的时候，会有个渐变的效果 */

text-align: center;

}

.number {

margin-top: 30px;

display: block;

left: 200px;

text-align: center;

}

.number input {

height: 30px;

font-size: 20px;

line-height: 30px;

}

.btnWrapper {

margin-top: 30px;

width: 100%;

height: 30px;

text-align: center;

}

.btnWrapper button {

outline: none;

color: rgb(233, 8, 8);

cursor: pointer;

border-radius: 15px;

width: 100px;

height: 25px;

line-height: 19px;

}

.viewDiv {