Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用js制作宾果游戏_Javascript_Html_Css - Fatal编程技术网

Javascript 用js制作宾果游戏

Javascript 用js制作宾果游戏,javascript,html,css,Javascript,Html,Css,我正在尝试使用JavaScript制作一个宾果游戏。我很容易生成随机数,并在出现生成数的图表中标记(或更改背景色)。在宾果游戏中,有很多宾果卡,有3行9列(有些有更多的行和单元格),由不同的数字组成,我面临的问题是,我想标记(更改单元格背景颜色)宾果卡,该卡在同时出现的任何地方都会生成数字 这是一个密码笔: HTML 答对 了 0 图表 票 45 33 65 45 CSS *{ 框大小:边框框; 左边距:10px; 边缘顶部:10px; 填充:0; } h1{ 字体大小:25px;

我正在尝试使用JavaScript制作一个宾果游戏。我很容易生成随机数,并在出现生成数的图表中标记(或更改背景色)。在宾果游戏中,有很多宾果卡,有3行9列(有些有更多的行和单元格),由不同的数字组成,我面临的问题是,我想标记(更改单元格背景颜色)宾果卡,该卡在同时出现的任何地方都会生成数字

这是一个密码笔:

HTML


答对 了
0

图表



45 33 65 45
CSS

*{
框大小:边框框;
左边距:10px;
边缘顶部:10px;
填充:0;
}
h1{
字体大小:25px;
文本对齐:居中;
边缘顶部:20px;
}
#数{
字体大小:35px;
边缘顶端:40px;
文本对齐:居中;
}
#钮扣{
填充:0 80px 0 350px;
宽度:900px;
}
桌子{
边框:1px纯黑;
高度:50px;
宽度:200px;
}
运输署{
边框:1px纯红;
}
#输出{
背景颜色:黄色;
高度:300px;
宽度:700px;
}
JS

var结果=[];
功能图(){
var按钮=”;
对于(变量i=1;i<91;i++){
按钮+=“”+i+“”;//
}
返回按钮;
}
setInterval(函数genRandomNumber(){
var num=Math.floor(Math.random()*90+1);
对于(变量i=0;i
您可以为
属性指定与数字相同的值(例如
45
),以便在选择a数字时,可以选择该类的所有元素(例如
document.querySelectorAll('.45')
)并更改其背景。