javascript sudoku 数独智力游戏生成代码


Posted in Javascript onMarch 27, 2010
<p><input value="Get New SuDoKu" type="button" onclick="onLoadTable()" id="refreshButton" /></p> 
<table border="1" style="border-color: Red;" id="mainTable"> 
<tbody> 
</tbody> 
</table> 
<script type="text/javascript" language="javascript">// <![CDATA[ 
var sudokuArray = [[],[],[],[],[],[],[],[],[],[]]; 
function onLoadTable() 
{ 
do 
{ 
sudokuArray = getNewArray(); 
sudokuArray = getSudokuArray(sudokuArray); 
} 
while(!checkArray(sudokuArray)) 
//document.getElementById("result").innerHTML=checkArray(sudokuArray); 
var table = document.getElementById("mainTable"); 
table.removeChild(table.firstChild); 
for(var i=0;i<9;i++) 
{ 
table.insertRow(i); 
for(var j=0;j<9;j++) 
{ 
     table.rows[i].insertCell(j); 
     table.rows[i].cells[j].innerHTML = sudokuArray[i][j];//Math.round(Math.random()*8+1); 
setStyle(i,j,table.rows[i].cells[j]); 
} 
} 
} 
function getSudokuArray(filledArray) 
{ 
var failed = false; 
for(var i=0;i<9;i++) 
{ 
        for(var j=0;j<9;j++) 
        { 
         var tempArray = getAvaildableArray(i, j, filledArray); 
         if(tempArray.length > 0) 
         { 
         filledArray[i][j] = tempArray[Math.round(Math.random()*(tempArray.length-1))]; 
         } 
         else 
         { 
         //window.location.reload(); 
         } 
        } 
    } 
    return filledArray; 
} 
function checkArray(array) 
{ 
for(var i=0;i<9;i++) 
{ 
        for(var j=0;j<9;j++) 
        { 
         if(array[i][j] == undefined) 
         { 
         return false; 
         } 
        } 
} 
return true; 
} 
function getAvaildableArray(rowIndex, cellIndex, array) 
{ 
var availdableArray = [1,2,3,4,5,6,7,8,9]; 
for(var n=0;n<9;n++) 
{ 
if(!isNaN(array[rowIndex][n]) && array[rowIndex][n] != undefined) 
{ 
availdableArray[array[rowIndex][n]-1] = NaN; 
} 
if(!isNaN(array[n][cellIndex]) && array[n][cellIndex] != undefined) 
{ 
availdableArray[array[n][cellIndex]-1] = NaN; 
} 
} 
var rowStartIndex = Math.floor(rowIndex/3); 
var cellStartIndex = Math.floor(cellIndex/3); 
for(var x=rowStartIndex*3;x<rowStartIndex+3;x++) 
{ 
for(var y=cellStartIndex*3;y<cellStartIndex+3;y++) 
{ 
if(!isNaN(array[x][y]) || array[x][y] != undefined) 
{ 
availdableArray[array[x][y]-1] = NaN; 
} 
} 
} 
var returnArray = []; 
for(var m=0;m<9;m++) 
{ 
if(!isNaN(availdableArray[m])) 
{ 
returnArray.push(availdableArray[m]); 
} 
} 
return returnArray; 
} 
function getNewArray() 
{ 
return [[],[],[],[],[],[],[],[],[],[]]; 
} 
function setStyle(rowIndex,cellIndex,cell) 
{ 
cell.height="20"; 
cell.width="20"; 
if(cellIndex%3==2) 
{ 
     cell.style.borderRightColor="red"; 
} 
if(cellIndex%3==0) 
{ 
     cell.style.borderLeftColor="red"; 
} 
if(rowIndex%3==2) 
{ 
     cell.style.borderBottomColor="red"; 
} 
if(rowIndex%3==0) 
{ 
     cell.style.borderTopColor="red"; 
} 
} 
// ]]></script>
Javascript 相关文章推荐
Javascript 面向对象(二)封装代码
May 23 Javascript
js分解url参数(面向对象-极简主义法应用)
Aug 09 Javascript
jQuery图片轮播的具体实现
Sep 11 Javascript
JavaScript中使用Math.PI圆周率属性的方法
Jun 14 Javascript
javascript框架设计之类工厂
Jun 23 Javascript
微信小程序 教程之wxapp 视图容器 view
Oct 19 Javascript
详解vue-router基本使用
Apr 18 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
Sep 13 Javascript
vuejs点击class变化的实例
Sep 05 Javascript
vue动态改变背景图片demo分享
Sep 13 Javascript
layui富文本编辑器前端无法取值的解决方法
Sep 18 Javascript
使用Typescript开发微信小程序的步骤详解
Jan 12 Javascript
Javascript 函数中的参数使用分析
Mar 27 #Javascript
js几个验证函数代码
Mar 25 #Javascript
Firefox下提示illegal character并出现乱码的原因
Mar 25 #Javascript
JavaScript setTimeout和setInterval的使用方法 说明
Mar 25 #Javascript
JavaScript 学习初步 入门教程
Mar 25 #Javascript
ext 列表页面关于多行查询的办法
Mar 25 #Javascript
JS学习之一个简易的日历控件
Mar 24 #Javascript
You might like
第五节 克隆 [5]
2006/10/09 PHP
php创建多级目录代码
2008/06/05 PHP
c#中的实现php中的preg_replace
2009/12/21 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
PHP PDOStatement::closeCursor讲解
2019/01/30 PHP
Laravel框架实现多个视图共享相同数据的方法详解
2019/07/09 PHP
SOSO地图JS画出标注和中心点以html形式运行
2013/08/09 Javascript
html+js实现动态显示本地时间
2013/09/21 Javascript
jQuery中appendTo()方法用法实例
2015/01/08 Javascript
jQuery搜索同辈元素方法
2015/02/10 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
2015/08/10 Javascript
javascript闭包(Closure)用法实例简析
2015/11/30 Javascript
VC调用javascript的几种方法(推荐)
2016/08/09 Javascript
详解js数组的完全随机排列算法
2016/12/16 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
vue2实现可复用的轮播图carousel组件详解
2017/11/27 Javascript
iview在vue-cli3如何按需加载的方法
2018/10/31 Javascript
解决vue自定义全局消息框组件问题
2019/11/22 Javascript
vue开发移动端底部导航条功能
2020/04/08 Javascript
ant-design-vue按需加载的坑的解决
2020/05/14 Javascript
[04:38]完美世界携手游戏风云打造 卡尔工作室饰品系统篇
2013/04/25 DOTA
Python实现的简单万年历例子分享
2014/04/25 Python
Win7上搭建Cocos2d-x 3.1.1开发环境
2014/07/03 Python
使用Python OpenCV为CNN增加图像样本的实现
2019/06/10 Python
Pycharm最新激活码2019(推荐)
2019/12/31 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
前端使用canvas生成盲水印的加密解密的实现
2020/12/16 HTML / CSS
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
应届生程序员求职信
2013/11/05 职场文书
最新自我评价范文
2013/11/16 职场文书
会计专业的自荐信
2013/12/12 职场文书
投标人廉洁自律承诺书
2014/05/26 职场文书
2015大一新生军训感言
2015/08/01 职场文书
2016五四青年节活动总结范文
2016/04/06 职场文书
总结高并发下Nginx性能如何优化
2021/11/01 Servers