制作简单的随机抽选名字

最新推荐文章于 2022-02-24 17:09:01 发布

易.金

最新推荐文章于 2022-02-24 17:09:01 发布

阅读量1w

点赞数 2

本文链接：https://blog.csdn.net/fxs12138/article/details/81810530

版权

首先创一个简单的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>

易.金

关注

2
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
制作简单的随机抽选名字

首先创一个简单的div放抽出来的名字，然后再创建一个点击按钮，在按钮上添加一个点击按钮 &lt;button onclick="f()"&gt;你未来的女朋友是哪一类&lt;/button&gt;然后在创建点击事件 function f() { var a=["貂蝉","妲己","凤姐","董卓","没有"];
复制链接

扫一扫