一如既往的给力，今天是一个小游戏，但是咋只是说类似打地鼠，实际是啥呢,哈哈，前几天陪着侄儿子看了几节喜羊羊与灰太狼，今天就给大家做一个打灰太狼的小游戏吧，我侄儿子还玩的不亦乐乎呢。这游戏我之前看过4399上的源码，自己也模仿了一个，希望大家喜欢吧。
分享之前我先推荐下我自己的web前端学习交流群：675498134，不管你是小白还是大神，我都欢迎你们进群交流，不定期分享干货，包括我自己整理的最新的前端资料和教程送给大家，欢迎初学和进阶中的小伙伴，一起学习一起交流，共同进步。
简介
锅打灰太狼是一款老少通吃，男女皆宜的益智游戏，哈哈！
2. 思路
把静态页面做出来，找到每个洞穴，随机出现灰太狼和小灰灰让它们随机从洞穴出现
点击事件：打灰太狼加分，打小灰灰减分，添加时间，时间到了停止游戏，最终结果
3. 代码实现
3.1 静态页面
HTML结构
CSS样式
效果图如下：
3.2 找到洞穴
3.3 随机出现灰太狼和小灰灰让它们随机从洞穴出现
3.4 点击事件：打灰太狼加分，打小灰灰减分
效果图如下：
3.5 添加时间
3.6 最终结果
效果图如下
4. 结束语
学习javascript也是有门槛的，就是你的html和css至少还比较熟练，您不能连html这东东是干啥的都不知道就开始学javascript了，学乘除前，学好加减法总是有益无害的。javascript运用灵活后，写写游戏还是很有意思的。
再说几点建议：
不要急着看一些复杂的javascript网页特效的代码，这样除了打击你的自信心，什么也学不到。
如果觉得我的文章对您有用，请点赞收藏。您的支持将鼓励我继续创作。
知识分享到这里就结束了，web前端学习的可以来我的群，群里每天都有对应资料学习：675498134，欢迎初学和进阶中的小伙伴。
