JavaScript-demo-随机点名-读取文件

最新推荐文章于 2023-11-05 16:13:24 发布

coffee_cold

最新推荐文章于 2023-11-05 16:13:24 发布

阅读量204

点赞数

分类专栏： Web 前端文章标签： javascript html 随机点名文件读取

本文链接：https://blog.csdn.net/v7911/article/details/114589667

版权

这是一个使用JavaScript编写的动态随机点名的小程序，具备从指定数据文件中读取点名名单的能力。文件内容需符合特定格式。通过此Demo，可以方便地在各种场景下进行随机点名操作。

摘要由CSDN通过智能技术生成

小demo支持动态加载指定的数据文件，但是数据文件的内容需要格式如下：

source code:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style> 
			#nameArea {
				width:400px; 
				background:black; 
				text-align: center; 
				font-size:50px; 
				height:100px; 
				font-weight:bolder; 
				border:0px solid;
			}
			#startButton {
				width:100px; 
				text-align: center; 
				font-size:18px; 
				height:35px; 
				font-weight:bolder; 
			}
			::-webkit-scrollbar {
				width:3px;
			}
		</style>
	</head>
	<body style='height:100%; background:black;'>
		<div style='padding-top:100px;'>
			<!-- 姓名展示区域 -->
			<div style='width:402px; margin: 0 auto;'>
				<input id=&