点名册

最新推荐文章于 2021-10-12 21:37:40 发布

恋戦丨逍遥

最新推荐文章于 2021-10-12 21:37:40 发布

阅读量1k

点赞数

分类专栏： j

本文链接：https://blog.csdn.net/tian__long/article/details/80994886

版权

这是一个简单的HTML网页抽奖程序，通过JavaScript实现。点击按钮或按空格键开始抽奖，随机从预设的人员名单中抽取中奖者，抽完后按钮变为'抽奖完毕'并清空显示。

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>04.抽奖</title>
<style>
  *{
   margin:0;
   padding:0;
  }
  body{
   background: black;
  }
  #btn{
   position: absolute;
   left:600px;
   top:100px;
   /*background-color: red;*/
   font-size:80px;
   color: green;
   cursor: pointer;
  }
  #con{
   width: 100%;
   height: 600px;
   text-align: center;
   line-height: 600px;
   font-size: 120px;
   color: red;
  }
</style>
</head>
<body>
<button id="btn">start</button>
<div id="con">某某某</div>
<script>
  // 获取按钮
  var btn = document.getElementById('btn');
  // 获取div（名字显示区域）