SOURCE

console 命令行工具 X clear

                    
>
console
/* 
要求随机抽出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;
    }