一、前言
(一)技术栈:
- HTML
- JavaScript
- CSS
(二)开发工具:
- VSCode
二、实现效果
演示地址:https://www.syucpct.cn/computer/random.html
(一)输入行、列:
![](https://cdn.syucpct.cn/2022-07-11/1657504507-562820-snipaste-2022-07-11-09-54-54.png)
(二)主界面:
![](https://cdn.syucpct.cn/2022-07-11/1657504525-197297-snipaste-2022-07-11-09-55-31.png)
(三)随机抽选:
![](https://cdn.syucpct.cn/2022-07-11/1657504749-237304-1.gif)
(四)N连抽:
![](https://cdn.syucpct.cn/2022-07-11/1657504995-677237-n-1.gif)
(五)抽选达到上限提示:
![](https://cdn.syucpct.cn/2022-07-11/1657505044-616179-snipaste-2022-07-11-10-04-10.png)
(六)查看已抽选座次:
![](https://cdn.syucpct.cn/2022-07-11/1657505068-655056-snipaste-2022-07-11-10-04-20.png)
三、实现代码(部分):
(一)随机数实现:
代码登录后可见
(二)座位表着色:
代码登录后可见
(三)记录抽选位置,并显示在主界面下方:
代码登录后可见
(四)选择前闪烁:
代码登录后可见
(五)各种按钮:
代码登录后可见
四、完整源代码: