使用JavaScript实现一个抽奖效果

Sublime编纂器

HTML+CSS JavaScript

方式/步调

  1. 1

    编写抽奖结果所需的HTML布局代码及CSS代码,具体代码如下所示:

    d50735fae6cd7b89de8b995a012442a7d8330e07.jpg
  2. 2

    预览结果如下图所示:

    b90e7bec54e736d1f2f32fd195504fc2d4626903.jpg
  3. 3

    编写JavaScript代码,筹办好所需要数组(存放奖品)、随机数等函数,具体代码如下所示:

    dcc451da81cb39db8395c58fde160924aa183095.jpg
  4. 4

    编写用于响应“起头”和“遏制”的响应函数,具体代码如下所示:

    9c16fdfaaf51f3de58bc1bbd9aeef01f3b2979d9.jpg
  5. 5

    打开浏览器,然后点击“起头”按钮,此时奖品会随机进行滚动,如下图所示:

    f603918fa0ec08fada46b17e57ee3d6d54fbdaa1.jpg
  6. 6

    点击“遏制”按钮后将会是示随机选中的商品,如下图所示:

    728da9773912b31bd4666ff08818367adbb4e1e5.jpg
  • 发表于 2019-08-13 22:26
  • 阅读 ( 905 )
  • 分类:其他类型

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具