JS产生徐特尔图表

    徐特尔图表是一个小游戏，在5*5的格子上，无序的写着1~25这25个数子，然后再找出来。其实在JS中也就是将25个数进行随机产生然后放到一个表格中。主要分为两部分，一是随机数的产生，还有一部分就是表格的创建。

创建表格

 1     //拿到页面上用于放表格的容器DIV
 2     var div = document.getElementById('box');
 3     //创建一个表格
 4     var tb = document.createElement('table');
 5     tb.width="150";
 6     tb.border = '1';
 7     tb.style.textAlign = 'center';
 8     tb.style.cssFloat = 'left';
 9     //调用外部的随机数产生函数，返回一个存放无序的1~25的随机数组
10     var nums = getRandomNum();
11     for(var i=0; i<5; i++){
12         var tr = document.createElement('tr');
13         //将每一行的td用字符串给拼接起来
14         var td = nums.slice(i*5,i*5+4).join('</td><td>');
15         //设置行的innerHTML，也就是添加列
16         tr.innerHTML = '<td>' + td +'</td>';
17         tb.appendChild(tr);
18     };
19     div.appendChild(tb);

创建表格