js自动生成表格，js表格生成游戏，js找茬猜字游戏

最新推荐文章于 2024-08-12 03:46:42 发布

tfbyly

最新推荐文章于 2024-08-12 03:46:42 发布

阅读量429

点赞数

分类专栏： JavaScript 文章标签： js javascript

本文链接：https://blog.csdn.net/tfbyly/article/details/80261458

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>js找茬游戏，表格生成游戏</title>
	</head>

	<body>

		<script>
			function getoption() {
				for(var i = 0; i <= 100; i++) {
					document.write('<option>' + i + '</option>');
				}
			}

			function getcreattable() {
				var row1 = document.getElementById('row').value;
				var list1 = document.getElementById('list').value;
				var za = document.getElementById('z1').value;
				var zb = document.getElementById('z2').value;
				var randomrow = parseInt(Math.random() * row1);
				var randomlist = parseInt(Math.random() * list1);
				document.write('<table border="1" width="100%" style="border-collapse:collapse"   >');

				for(var i = 0; i < row1; i++) {
					document.write('<tr>')
					for(var j = 0; j < list1; j++) {
						if(i == randomrow && j == randomlist) {
							document.write('<td>' + zb + '</td>');
						} else {
							document.write('<td>' + za + '</td>');
							//							document.write('<td>' + zb + '</td>');
						}
					}
					document.write('</tr>')
				}

				document.write('</table>');
			}
		</script>

		行：
		<select id="row">
			<script>
				getoption();
			</script>
		</select>
		列：
		<select id="list">
			<script>
				getoption();
			</script>
		</select>
		<input type="text" id="z1" value="" placeholder="请输入你要布置的数字" />
		<input type="text" id="z2" value="" placeholder="请输入你要混淆的数字" />
		<button οnclick="getcreattable()">生成表格</button>
	</body>

</html>