制作简单的随机抽选名字

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

代码


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <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>

你可能感兴趣的:(制作简单的随机抽选名字)