<!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>