今天跟大家唠唠我昨天瞎鼓捣的“akl神秘商店”，说起来也是一时兴起，想着看看能不能自己也搞个类似的玩意儿出来，纯属个人爱别当真哈。
我得摸清楚“akl神秘商店”是个啥玩意儿，简单来说，就是给你个机会，用比平时更便宜的价格买到一些东西，至于能买到那就看你的运气了。
OK，目标明确了，接下来就是动手了。
- 第一步：先搭个架子，搞个简单的网页，就用HTML+CSS，随便糊弄一个页面出来，丑是丑了点，但是能用就行。主要是要有地方展示“商品”，还有个按钮让用户“抽奖”。
- 第二步：开始琢磨“商品”从哪来。我不可能真去进货卖东西，所以就想了个办法，搞了个商品列表，里面放了一些自己感兴趣的东西，比如游戏皮肤、电子书、电影啥的，反正都是虚拟的。
- 第三步：重头戏来了，怎么实现“随机”？ 我用JavaScript写了个函数，每次点击“抽奖”按钮，就从商品列表中随机选一个出来。这代码写的，我自己都不好意思看，但是能用就行，要啥自行车。
- 第四步：把随机选出来的商品显示在网页上。这个简单，用JavaScript操作一下DOM，把商品的名字、图片啥的显示出来就行了。
- 第五步：价格！“神秘商店”的精髓就是打折。我又加了个函数，每次抽到商品，就随机生成一个折扣，比如5折、8折啥的。然后把原价和折后价都显示出来。
整个过程下来，磕磕绊绊的，遇到不少坑。
- 比如，一开始随机函数总是抽到同一个商品，后来发现是没搞清楚*()的用法，折腾了好久才搞明白。
- 还有，CSS样式也调了半天，怎么看都觉得丑，干脆放弃了，能看就行。
- 最搞笑的是，有一次写代码的时候，把“抽奖”按钮的ID写错了，结果点了半天都没反应，还以为程序出bug了，差点崩溃。
总算是把这个“akl神秘商店”的雏形给搞出来了。
虽然简陋，但好歹能运行，能随机抽商品，能打折。我自己试玩了一下，感觉还挺有意思的。这玩意儿只能自己玩玩，离真正的“akl神秘商店”还差了十万八千里。不过通过这回实践，也算是对前端开发有了更深入的了解，以后有时间再慢慢完善。
这回“akl神秘商店”的实践，就是一次简单的练手，让我对HTML、CSS、JavaScript有了更直观的认识。虽然代码写得很烂，页面也很丑，但是过程还是挺有趣的。以后有机会，还会尝试做一些更有意思的东西。
