<!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 onclick="getcreattable()">生成表格</button>
</body>
</html>js自動生成表格，js表格生成遊戲，js找茬猜字遊戲
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
JavaScript 音頻插件和圖表插件
howler音頻插件 配置項及事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <s
JavaScript中的window對象
window對象：每一個該對象代表一個瀏覽器窗口 1.常用方法如下 open("要打開的頁面文件名","打開窗口在操作系統中的名稱(任何名稱都可以)", "toolbar=?,menubar=?,