js怎么實現(xiàn)輸入n就顯示n×n的宮格？
我要做一個大俠
2016-03-30 19:13:26
1 回答
已采納
李曉健
TA貢獻(xiàn)1036條經(jīng)驗 獲得超461個贊
<!doctype?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
????<style>
????????table{
????????????border:?1px?solid?#ccc;
????????}
????????table?td{
????????????padding:?5px;
????????????border:?1px?solid?#ccc;
????????}
????</style>
</head>
<body>
<input?type="text"?id="input"?placeholder="輸入行數(shù)"><input?type="button"?id="button"?value="創(chuàng)建">
<div?id="tableBox">
</div>
<script>
????var?box?=?document.getElementById('tableBox');
????var?input?=?document.getElementById('input');
????function?createTable()?{
????????var?n?=?parseInt(input.value);
????????if(!n){
????????????return;
????????}
????????var?tableStr?=?'<table>'
????????for(var?i?=0;i<n;i++){
????????????tableStr+='<tr>'
????????????for(var?j=0;j<n;j++){
????????????????tableStr+='<td>'+(i+1)+(j+1)+'</td>';
????????????}
????????????tableStr+='</tr>'
????????}
????????tableStr+='</table>';
????????box.innerHTML?=?tableStr;
????}
????document.getElementById('button').onclick?=?createTable;
</script>
</body>
</html>也不知道你到底想要什么，就簡單用table拼了一個
-
Jokercmxfunction createTable() { var a = parseInt(input.value); var n=Math.sqrt(a); if(!n){ return; } 這個是輸入宮格總數(shù)，生成可開根的n*n宮格
添加回答
舉報
0/150
提交
取消