javascript制作随机点名

最新推荐文章于 2023-01-14 14:24:32 发布

qq_36485377

最新推荐文章于 2023-01-14 14:24:32 发布

阅读量633

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_36485377/article/details/90446015

本文介绍如何利用JavaScript编写一个随机点名程序，通过生成随机数并结合数组操作，确保每次都能公平地选取不同的名字，适用于线上或线下教学场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>随机点名</title>
	<style>
		#dd{
			width:1200px;
			height:600px;
			background: #7F268F;
			font-family: "微软雅黑";
			font-size: 400px;
			float: center;
			margin: 0 auto;
			color: white;
			text-align: center;
			line-height: 600px;
			
				
		}
		p{color: white;}
		#df{
			float: center;
			margin: 0 auto;
			width: 400px;
		}
	</style>
   <script>
	function yuan1(){
		var x = 47;
			var y = 1;
			var i =parseInt(Math.random()*(x-y+1)+y);
		var di = document.getElementById("class");
		var de = di.options[di.options.selectedIndex].innerHTML;
		var o ;
		var pic = document.getElementById("dd");
        
		if(de=="初一（3）"){
			o = "w"+i;
		}else if(de=="初一（8）"){
			o = "t"+i;
		}else{
			o = "p"+i;
		};
		var pii = document.getElementById(o);
		 pic.innerHTML = pii.innerHTML;
	
		   
	};
	</script>
</head>

<body>
	<div id="dd" onClick="yuan1()">ready</div>
	<div id="df"><select id="class" style="font-size: 80px;">
	<option>初一（3）</option>
		<option>初一（8）</option>
		<option>初一（9）</option>