随机抽奖案例分析

 1.需求：
            从数组里随机抽取一等奖，二等奖，三等奖，显示到对应的标签里面

2.HTML代码如下图

3.css代码

 4.js代码

1.1抽奖需要建立一个数组 用来储存元素

const personarr = ['1老师','2老师','3老师','4老师','5老师',]

1.2 通过random函数生成一个随机数

const random1 = Math.floor(Math.random() * personarr.length)

1.3通过querySelector来获取元素

const one = document.querySelector('#one')

1.4将抽到的元素，利用innerHTML添加到标签里 innerHTML和innerText区别在于 innerHTML能识别标签

one.innerHTML = personarr[random1]

<