今天心血来潮，突然想搞个双人五子棋在线玩玩，于是乎，我就开始动手。
准备阶段
我得有个棋盘。我寻思着，这玩意儿直接用 HTML 和 CSS 画一个出来不就得？说干就干，我先用<div>搭个基本的架子，然后用 CSS 给它整个格子样式，看着还真像那么回事。
棋盘有，还得有棋子。这我也想好，就用两个不同颜色的<div>来表示黑棋和白棋，简单粗暴。
开干阶段
接下来就是让棋盘能“动”起来。我用 JavaScript，监听鼠标点击事件。每当鼠标在棋盘上点一下，我就判断一下这个位置有没有棋子。没有的话，就根据当前轮到谁，在这个位置放一个黑棋或者白棋。这部分写起来还挺有意思的，感觉自己像个指挥官，操控着棋子在棋盘上厮杀。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
光能下棋还不行，还得能判断输赢。这块我可没少费脑筋。我想个法子，每次落子后，就检查一下这个棋子的横向、竖向、斜向有没有连成五个的。别说，这逻辑写起来还真有点绕，不过好歹是让我给搞定。
收尾阶段
基本功能都实现，我又加点“调料”。比如，加个提示，告诉玩家现在轮到谁；还加个重新开始的按钮，方便玩家再来一局。这么一弄，感觉整个游戏都“活”起来。
最终成果
经过一番折腾，我的双人五子棋游戏终于大功告成！虽然界面比较简陋，但是基本功能都有，两个人可以在同一个电脑上对战，玩得不亦乐乎。看着自己亲手做出来的东西，心里还是挺有成就感的。
这回实践也让我学到不少东西。比如，怎么用 HTML、CSS 和 JavaScript 配合起来做一个小游戏，怎么处理鼠标点击事件，怎么判断输赢等等。感觉自己的编程技能又提升一点点，哈哈！
这回实践还挺有意思的，也让我对前端开发有更深的理解。以后有机会，我还想尝试做一些更复杂、更有趣的东西！
