原生html,css,js 模拟实现抽奖功能（排它思想的运用）

最新推荐文章于 2023-12-24 10:30:48 发布

a416laji

最新推荐文章于 2023-12-24 10:30:48 发布

阅读量398

点赞数 2

文章标签： html css javascript

本文链接：https://blog.csdn.net/a416laji/article/details/131292079

版权

闲着无聊想起以前同事遇到的一个抽奖功能，突发恶疾想着自己用原生实现。虽然网上有很多案例，但是自己想思路和实现还是比较有意思的，话不多说，直接上代码。

html:

<div class="wrapper">
        <div class="item active">
            1
        </div>
        <div class="item">
            2
        </div>
        <div class="item">
            3
        </div>
        <div class="item">
            4
        </div>
        <div class="item">
            5
        </div>
        <div class="item" id="six">
            6
        </div>
        <div class="item" id="seven">
            7
        </div>
        <div class="item" id="eight">
            8
        </div>
        <div class="item" id="nine">
            9
        </div>
        <div class="item" id="ten">
            10
        </div>
        <div class="item" id="eleven">
            11
        </div>
        <div class="item" id="twl">
            12
        </div>
        <div class="item" id="thirth">
            13
        </div>
        <div c