JavaScript 实现抽奖程序

快来打我* 2022-12-05 15:15 140阅读 0赞

![在这里插入图片描述][20200911075828979.gif_pic_center]  
虽然效果实现了，但是一下子所有的名单的都出来了。这样不太好，我们来改造一下

function * draw (first = 1, second = 3, third = 5) { 
      let firstPrize = ['1A', '1B', '1C', '1D', '1E']
      let secondPrize = ['2A', '2B', '2C', '2D', '2E', '2F', '2G', '2H', '2I']
      let thirdPrize = ['3A', '3B', '3C', '3D', '3E', '3F', '3G', '3K', '3O', '3P']
      let count = 0
      let random
    
      while (1) { 
        // 抽一等奖
        if (count < first) { 
          random = Math.floor(Math.random() * firstPrize.length)
          yield firstPrize[random]
          count++
          firstPrize.splice(random, 1)
          // 抽二等奖
        } else if (count < first + second) { 
          random = Math.floor(Math.random() * secondPrize.length)
          yield secondPrize[random]
          count++
          secondPrize.splice(random, 1)
          // 抽三等奖
        } else if (count < first + second + third) { 
          random = Math.floor(Math.random() * thirdPrize.length)
          yield thirdPrize[random]
          count++
          thirdPrize.splice(random, 1)
        } else { 
          return false
        }
      }
    }
    
    let d = draw()
    console.log(d.next().value)
    console.log(d.next().value)
    console.log(d.next().value)
    console.log(d.next().value)
    console.log(d.next().value)
    console.log(d.next().value)
    console.log(d.next().value)
    console.log(d.next().value)
    console.log(d.next().value)
    console.log(d.next().value)

这样我们就可以实现通过外部的控制来实现程序的控制。可以写一个按钮，点击一次，执行一次，就可以实现点击抽奖

![在这里插入图片描述][20200911081018275.gif_pic_center]

[20200911075828979.gif_pic_center]: /images/20221123/e93c037b9a3b4495b578e392bb52b8b9.png
[20200911081018275.gif_pic_center]: /images/20221123/87af4022f0df4a878a7314de236c0fea.png