Bingo卡片案例笔记【三】、随机生成数字并填写到表格中去

在前面的步骤中,我们建立生成了html和css文件。下面我们要通过javascript来随机生成1~75中的数字并填写到除“free”以外的所有表格中去。

window.οnlοad=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标记传入表格中。


生成的页面,效果如下:

  




相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页