关于写一个随机抽奖的小程序 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #list{
            width: 100%;
        }
    </style>
</head>
<body>
    <div for='listmore'>奖项列表</div>
    <input type="text" value='' id='list'>
    <div>抽到的奖</div>
    <input type="text" value='' id='num'>
    <input id="submit" type="button" value='开始抽奖'>
</body>
<script>
    //做一个封装随机数函数
    function rnd(n,m){
        return parseInt(Math.random()*(m-n)+n)
    }
    var oList=document.querySelector('#list');
    var oNum=document.querySelector('#num');
    var oSub=document.querySelector('#submit');
    //创建数组数据
    var listmore=['一等奖','二等奖','三等奖','谢谢参与','一等奖','谢谢参与'];
    //显示列表
    oList.value=listmore;
    oSub.onclick=function(){
        //保存一个旧的数组
        var oldArray=listmore;
        //随机抽到的奖项index
        var rNum=rnd(0,oldArray.length);
        //如果奖项全部抽完抽奖总列表和抽奖显示列表都显示抽奖结束
        if(oldArray.length<1){
            oList.value='抽奖结束';
            oNum.value='抽奖结束';
        //抽一个奖项总表就删除一个奖项，抽奖显示列表显示奖项
        }else{
            oNum.value=oldArray[rNum];
            oldArray.splice(rNum,1);
            oList.value=oldArray;
        }

    }
</script>
</html>

 

posted @ 2016-12-31 11:49  Jqpsmall白  阅读(1193)  评论(0)    收藏  举报