/*
要求随机抽出3等奖,取名字不能有重复。
第1步:生成员工姓名list
第2步:随机数
第3步:把抽到的员工名从list中删除
*/
// Answer:
let names = ['王小二','王可','王源','李家琪','王德发','王宾']
const bg_imgs = ['bg1.png', 'bg2.png', 'bg3.png']
// const winners = document.querySelectorAll('span')
// console.log(winners)
// for(let i = 0; i <3; i++){
// let rnd = Math.floor( Math.random() * names.length)
// console.log(rnd)
// winners[i].innerHTML =names[rnd]
// names.splice(rnd, 1)
// }
// const bd = document.body
// let x = Math.floor( Math.random() * 3)
// let s = `url(https://hjd6633.oss-cn-hangzhou.aliyuncs.com/notes/js/hm23/${bg_imgs[x]}`
// bd.style.backgroundImage = s
<body>
<h3>1抽奖要求人名不能重复。['王小二','王可','王源','李家琪','王德发','王宾']</h3>
<h3>2每次运行都会自动更换背景</h3>
<div class="wrapper">
<strong>年会抽奖</strong>
<h1>一等奖:<span class="one">???</span></h1>
<h3>二等奖:<span class="two">???</span></h3>
<h5>三等奖:<span class="three">???</span></h5>
</div>
</body>
.wrapper {
width: 840px;
height: 420px;
padding: 100px 250px;
box-sizing: border-box;
}
.wrapper span {
color: #b10e0d;
}