制作简单的随机抽选名字

首先创一个简单的div放抽出来的名字，
然后再创建一个点击按钮，在按钮上添加一个点击按钮

 <button onclick="f()">你未来的女朋友是哪一类</button>

然后在创建点击事件

  function f() {var a=["貂蝉","妲己","凤姐","董卓","没有"];var i=Math.floor(Math.random()*a.length);document.getElementById('div').innerText=a[i];}

定义一个数组放你选的名字,Math.random()选的是（0-1）的随机数
随机数乘名字的个数（a.length), Math.floor(); 向下取整.,得到的数赋值给i.
然后获取div的位置document.getElementById(‘div’),得到的值填入div的位置。

具体语法https://www.cnblogs.com/starof/p/4988516.html

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>#div{width: 300px;height: 100px;margin: 0 auto;font-size: 50px;}button{color: red;}</style>
</head>
<body style="text-align: center">
<div id="div"></div>
<button onclick="f()">你未来的女朋友是哪一类</button>
<script>function f() {var a=["貂蝉","妲己","凤姐","董卓","没有"];var   i=Math.floor(Math.random()*a.length);document.getElementById('div').innerText=a[i];}</script>
</body>
</html>

制作简单的随机抽选名字相关推荐

模拟彩票随机抽选机制
模拟彩票随机抽选机制(大乐透,七星彩) 一.背景 17亿巨奖得主身份成谜缴税后到手奖金不到4成女子探亲老公购彩命中7星彩500万自选号送惊喜男子8+2小复式揽双色球598万奖金全交爱人打理 ...
python不放回抽样_Python实现一个带权无回置随机抽选函数的方法
需求有一个抽奖应用,从所有参与的用户抽出K位中奖用户(K=奖品数量),且要根据每位用户拥有的抽奖码数量作为权重. 如假设有三个用户及他们的权重是: A(1), B(1), C(2).希望抽到A的概率 ...
Python实战案例，tkinter+random模块，实现课堂随机抽选提问并语音播报学生姓名
前言今天给大家介绍Python实现课堂随机抽选提问并语音播报学生姓名实战案例,废话不多说直接开整~ 开发工具 Python版本: 3.8 相关模块: tkinter模块 time模块 random模 ...
基于C#实现的简单的随机抽号器
由于老师需要,让我写一个随机抽号器,,就很简单的写一个,用C#写的.主要依靠random来实现一个随机数以及list可变长数组实现的. 由于项目难度不大,我就直接放代码了. using System; ...
对文件中的名字进行随机抽选（小脚本）
设置名字随机 vim name zhanmusi kebi maidi dulante kuli qiaozhi vim jerry .sh #!/bin/bash j=0 for i in $(ca ...
java在集合随机抽选_如何高效的提取随机数据
对于程序员来说,"随机"一词再熟悉不过了.一听到"随机",我们脑海中便会出现一个单词"random",和一系列的算法实现.而这,已经成为了程 ...
JS实现——随机抽选获奖者
把之前写的一个小玩意记录下来:  <!DOCTYPE html> <html> <head>< ...
计算机考试随机出题,打乱题库_有什么软件可以自己导入题库然后可以随机抽题做有没有这种软件啊_淘题吧...
㈠全国计算机等级考试三级网络技术,系统在题库抽题时,是抽一整套试卷还是打乱抽的随机抽选!一道概念性的题,它可能会用几种方式来提出问题,然后在几个问题中随机抽选一道题,以此类推.一个概念性的题不会重 ...
Java制作简单的单选和多选测试题
Java制作简单的单选和多选测试题题目: 定义考题类(Question)及其子类完成考题类(Question),单选题(SingleChoice)和多选题(MultiChoice)是其子类要求: ...

制作简单的随机抽选名字

制作简单的随机抽选名字相关推荐

最新文章

热门文章