双色球抽奖

最新推荐文章于 2024-07-25 11:26:35 发布

xiangfeng153

最新推荐文章于 2024-07-25 11:26:35 发布

阅读量118

点赞数

文章标签： html html5 javascript

本文链接：https://blog.csdn.net/xiangfeng153/article/details/120621100

版权

填写css样式

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            text-align: center;
        }
        
        span {
            display: block;
            color: brown;
        }
        
        p {
            margin-top: 40px;
        }
    </style>
</head>

<body>
    <p></p>
    <span></span>
    <button>抽奖</button>
</body>
</html>

插入js代码

<script>
    var p = document.querySelector("p");
    var sp = document.querySelector("span");
    var arr = [2, 7, 8, 5, 4, 0];
    p.innerHTML = arr;
    var btn = document.querySelector("button");
    //console.log(arr);
    var pime = [];
    btn.onclick = function() {
        location.reload();
    }
    for (var i = 0; i < 6; i++) {
        var num = Math.floor(Math.random() * 10);
        pime.push(num);
    }
    if (arr[2] == pime[2] && arr[3] == pime[3] && arr[4] == pime[4] && arr[5] == pime[5]) {
        alert("中超大奖了，奖了五百块钱！");
    } else if (arr[3] == pime[3] && arr[4] == pime[4] && arr[5] == pime[5]) {
        alert("中大奖了，奖了五十块钱！");
    } else if (arr[4] == pime[4] && arr[5] == pime[5]) {
        alert("中奖了，奖了五块钱！");
    }
    sp.innerHTML = pime;
</script>

xiangfeng153

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
双色球抽奖

填写css样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body {
复制链接

扫一扫