运用JavaScript做一个随机点名器

发布时间：2022-04-20 09:34:00 所属栏目：语言来源：互联网

导读：点名器对于学生来说应该都很熟悉，那么我们如何使用代码来实现一个随机点名器呢？其实很简单，下面就分享用JavaScript实现随机点名器的详细代码。 HTML代码： body h1点名啦/h1 div id=did input id=rollcall-id type=button value=随机点名器br input id=ac

点名器对于学生来说应该都很熟悉，那么我们如何使用代码来实现一个随机点名器呢？其实很简单，下面就分享用JavaScript实现随机点名器的详细代码。

       HTML代码：

<body>
<h1>点名啦</h1>
<div id="did">
  <input id="rollcall-id" type="button" value="随机点名器"><br>
  <input id="action-id" type="submit" onclick="doClick()" value="开始">
</div>
</body>
       CSS代码：

<style>
* {
  margin: 0px;
  padding: 0px;
}

body {
  background-color: rgb(255, 249, 249);
}

h1 {
  text-align: center;
  padding-top: 100px;
  color: rgba(250, 54, 129, 0.562);
}

#did {
  position: relative;
  width: 200px;
  margin: 60px auto;

#did input:nth-last-child(1):hover {
  color: #fff;
  cursor: pointer;
  box-shadow: 0px 0px 4px 4px rgba(250, 54, 129, 0.158);
}
</style>
JavaScript代码：

<script>
var rollcall = document.getElementById("rollcall-id");
var action = document.getElementById("action-id");
var h1 = document.getElementsByTagName("h1");

（编辑：云计算网_泰州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

Tomcat下载和安置	装饰器模式装饰设计模
无用单元采集垃圾回收	Java访问对象的属性和