在前面的步骤中,我们建立生成了html和css文件。下面我们要通过javascript来随机生成1~75中的数字并填写到除“free”以外的所有表格中去。
window.onload=newCard;
function newCard(){
//共有24个格子需要填入数字,所以需要循环生成24个数字填入
for(var i=0;i<24;i++)
{
var newNums=Math.floor(Math.random()*75)+1;
//Math.random生成一个随机小数 Math.floor取整
document.getElementById("square"+i).innerHTML=newNums;
}
}
首先明确了一共有24个空格需要填写,那么就使用javascript来循环生成24个1~75的数字并填入空格中。
var newNums=Math.floor(Math.random()*75)+1;
1、Math.random()生成一个0~1之间的小数,乘以75后生成一个0~75之间的数
2、Math.floor进行取整,则产生的数字为0~74的整数。加1后暨生成1~75之间的随机整数。
document.getElementById("square"+i).innerHTML=newNums;
将产生的数字,通过html中的id标记传入表格中。
生成的页面,效果如下: