首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >JS和HTML中的数独

JS和HTML中的数独
EN

Stack Overflow用户
提问于 2018-08-16 23:12:47
回答 2查看 2.4K关注 0票数 0

我试图在JS中随机填充一个二维数组,但我希望每行每列生成的数字都是unique.Here,我的progression.This可以处理3x3网格,我的意思是随机生成的数字,但我想要9x9的大小,就像真正的sudoku.Thanx。

代码语言:javascript
复制
//create table
function UpdateTable() {
	var arr = [];
	while(arr.length < 10){
		var randomnumber = Math.floor(Math.random()*10);
		if(arr.indexOf(randomnumber) > -1 ) continue;
		arr[arr.length] = randomnumber;
	}

	tmp1 = 'cell' + 1;
	tmp2 = 'cell' + 2;
	tmp3 = 'cell' + 3;
	tmp4 = 'cell' + 4;
	tmp5 = 'cell' + 5;
	tmp6 = 'cell' + 6;
	tmp7 = 'cell' + 7;
	tmp8 = 'cell' + 8;
	tmp9 = 'cell' + 9;

	var temp = [tmp1, tmp2, tmp3, tmp4, tmp5, tmp6, tmp7, tmp8, tmp9];

	for (var i = 0; i < 10; i++) {
		document.getElementById(temp[i]).innerHTML = arr[i];
	}	
} 


UpdateTable();
代码语言:javascript
复制
<center>
	<div id="container">
		<div id="header">
			 <h1>Welcome</h1> 
		</div>
		<div id="content">
			<table border="1" id="lotto">
				<tr class="tr1">
					<td class="normal" id="cell1">&nbsp;</td>
					<td class="normal" id="cell2">&nbsp;</td>
					<td class="normal" id="cell3">&nbsp;</td>
				</tr>
				<tr class="tr2">
					<td class="normal" id="cell4">&nbsp;</td>
					<td class="normal" id="cell5">&nbsp;</td>
					<td class="normal" id="cell6">&nbsp;</td>

				</tr>
				<tr class="tr3">
					<td class="normal" id="cell7">&nbsp;</td>
					<td class="normal" id="cell8">&nbsp;</td>
					<td class="normal" id="cell9">&nbsp;</td>
				</tr>
			</table>
		</div>
	</div>
	<input type="button" value="Re-generate Numbers" onclick="UpdateTable();" />
</center>

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51880325

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档