随机点名器（1）

16174427

已于 2022-06-01 17:52:18 修改

阅读量149

点赞数 1

文章标签： javascript html 前端

于 2022-06-01 17:50:55 首次发布

本文链接：https://blog.csdn.net/weixin_43440734/article/details/125087744

版权

该博客介绍了一个简单的随机点名器的实现，利用JavaScript动态改变HTML元素，实现点击开始按钮后，名字随机闪烁，开始按钮颜色由绿转红。当点击结束按钮时，会选定一个随机名字，并将按钮恢复为绿色的开始状态。

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

格式自由发挥。

点击开始按钮，随机闪烁名字；
开始后，绿底“开始”按钮变为红底“结束”按钮；
点击结束按钮，选取到随机名字，按钮变回绿底“开始”按钮。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>1</title>
		<style type="text/css">
			.n {
     
				width: 90%;
			}
			
			.n1 {
     
				border: 1;
				width: 60%;
				height: 300px;
				background-color: lavender;
				text-align: center;
				line-height: 100px