位置: 编程技术 - 正文
javascript实现九宫格相加数值相等(javascript编写)
编辑：rootadmin推荐整理分享javascript实现九宫格相加数值相等(javascript编写)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js类的实现,编写javascript,js如何实现一个new,js实现数据结构,javascript编写,js类的实现,js九种数据类型,js九种数据类型,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例介绍了javascript实现九宫格的对应方法，分享给大家供大家参考，具体内容如下
实现思路：1、每个格子输入的数值必须为数字；
2、输入数值不能重复；
3、输入数值不能小于1或大于9；
4、数值不能为空；
5、相加方式共8个，分别为横向三个、纵向三个、两条对角线两个值。详情如下：
解释：
以每个格子所标记序号为标识：
横向三个值：0-2，3-4，6-8；
纵向三个值：[0,3,6]、[1,4,7]、[2,5,8]；
对角线两个值：[0,4,8]、[2,4,6]
实现过程：很简单，和上面图片一样，点击提交按钮开始判断。
1、布局html部分：
css部分：通过css3中属性实现。
2、接下来重点来了，js部分之前已经说了js的实现的方法，一下是相关代码。
1、当输入数值为非数字，或大于9，或小于0，或为空时
2、当输入重复数字时
3、当输入正确时
上一篇：Javascript类型转换的规则实例解析(javascript中的类型转换)
下一篇：JavaScript中的闭包(js闭包的定义和用途)