表の中身が表示されない

Jqueryを使って
1 2 3 4
5 6 7 8
9 10 11 12
13 14 15 16
このような表を作ろうとしていますが、1-16までの数字が表示されません。なぜでしょうか？？


<html>
<head>
    <meta charset="utf8">
    <title>ルーレット</title>
    <style type="text/css">
        table,td{
            border:solid 1px black;
            font-size:70px;
            text-align:center;
        }
        #box{    
            margin:auto;
            position:absolute;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
        } 
        #start,#tomeru,#reset{
            width:90px;
            height:30px;
            margin-left:5px;
            margin-top:10px;
        ｝
    </style>
    <script
  src="https://code.jquery.com/jquery-3.1.1.slim.js"
  integrity="sha256-5i/mQ300M779N2OVDrl16lbohwXNUdzL/R2aVUXyXWA="
  crossorigin="anonymous"></script>
</head> 

<body>
    <table id="table"></table>

<script>
var num= for(var j=1; j<=16; j++);
    $(function(){
        for(var i=1; i<=4; i++){
            $('#table').append('<tr></tr>');
            for(var k=1; k<=4; k++){
                $('#table').append('<td>'+ num +'</td>');
            }
        }
  });
</script>
</body>
</html>

行動規範の内容に同意します

回答2件

1-16までの数字が表示されません。なぜでしょうか？？

#start,#tomeru,#reset{
            width:90px;
            height:30px;
            margin-left:5px;
            margin-top:10px;
        ｝

の閉じカッコが全角です。

var num= for(var j=1; j<=16; j++);

はおかしいです。これではfor文かっこでくくってもいなくセミコロンで終わらせていてまわってないです

そして16までの数値を書き出すところですが、難しい書き方さけて簡単に書くと

$(function(){
    	var num = 1;
    	var html = '';
        for(var i=1; i<=4; i++){
        	html += '<tr>';
            for(var k=1; k<=4; k++){
            	num = (i-1)*4 + k;
            	html += '<td>'+ num +'</td>';
            }
            html += '</tr>';
        }
        $('#table').append(html);
  });

な感じかな

投稿2016/11/08 14:18

編集2016/11/08 14:19

hiim

総合スコア1689

こんな感じでは？

HTML
1<script>
2$(function(){
3  for(var i=0; i<4; i++){
4    var tr=$('<tr></tr>');
5    for(var j=0; j<4; j++){
6      tr.append($('<td>'+ (i*4+j+1) +'</td>'));
7    }
8    $('#table').append(tr);
9  }
10});
11</script>
12<body>
13<table id="table"></table>