Javascript 俄罗斯方块html5游戏代码检查

我正在为uni做一个俄罗斯方块项目。除了一个功能外，我已经完成了大部分功能。预期流量如下所示：

索引页面，带有加载游戏的按钮

点击按钮，游戏以背景音频开始（现在的音频示例）

暂停/播放游戏时，音频也应停止

音频结束后，游戏应停止并更改为带有文本/问卷的div元素

我已经完成了第1-3步，但在第4步中遇到了一些问题。页面是使用js呈现的。我添加了

$（'.tetrisGame'）。innerHTML='GAME OVER'至
音乐.单键
功能。它不会呈现innerHTML。因此，音乐停止后，控制台会显示消息，就是这样

我还尝试在html文件中添加一个隐藏的div元素，并在音乐结束后显示它，但innerhtml返回null（可能是因为js将html文件中的元素替换为js文件中呈现的元素）

需要帮助：请检查代码，让我知道如何在音乐停止后显示div元素

为验证添加了代码。有关代码的任何进一步信息，请告诉我

谢谢


var NUM_ROWS=20；
var NUM_COLS=10；
var块_宽度=30；
var块体高度=30；
var TICK_MS=400；
变量块=[
[
[0, 0, 0, 0],
[0, 1, 1, 0],
[0, 1, 1, 0],
[0, 0, 0, 0]
],
[
[0, 0, 1, 0],
[0, 0, 1, 0],
[0, 0, 1, 0],
[0, 0, 1, 0]
],
[
[0, 0, 1, 0],
[0, 1, 1, 0],
[0, 0, 1, 0],
[0, 0, 0, 0]
],
[
[0, 0, 0, 0],
[0, 0, 1, 1],
[0, 1, 1, 0],
[0, 0, 0, 0]
],
[
[0, 0, 0, 0],
[0, 1, 1, 0],
[0, 0, 1, 1],
[0, 0, 0, 0]
],
[
[0, 0, 1, 0],
[0, 0, 1, 0],
[0, 1, 1, 0],
[0, 0, 0, 0]
],
[
[0, 1, 0, 0],
[0, 1, 0, 0],
[0, 1, 1, 0],
[0, 0, 0, 0]
]
];
var键输入=13；
var KEY_SPACE=32；
var KEY_LEFT=37；
var KEY_RIGHT=39；
var KEY_DOWN=40；
var KEY_A=65；
var KEY_D=68；
var KEY_R=82；
var music=新音频文件http://www.sample-videos.com/audio/mp3/india-national-anthem.mp3');
//音乐=新音频文件http://techslides.com/demos/samples/sample.mp3');
功能旋转英尺（件）{
返回[
[件号[0][3],件号[1][3],件号[2][3],件号[3][3],，
[件号[0][2],件号[1][2],件号[2][2],件号[3][2],，
[件号[0][1],件号[1][1],件号[2][1],件号[3][1],，
[件号[0][0]，件号[1][0]，件号[2][0]，件号[3][0]]
];
}
功能旋转灯（件）{
返回[
[件号[3][0],件号[2][0],件号[1][0],件号[0][0],，
[件号[3][1],件号[2][1],件号[1][1],件号[0][1],，
[件号[3][2],件号[2][2],件号[1][2],件号[0][2],，
[件号[3][3]，件号[2][3]，件号[1][3]，件号[0][3]]
];
}
函数相交（行、块、y、x）{
对于（变量i=0；i<4；i++）
对于（var j=0；j<4；j++）
如果（第[i][j]条）
如果（y+i>=NUM|u ROWS | x+j<0|x+j>=NUM|COLS | ROWS[y+i][x+j]）
返回true；
返回false；
}
函数应用（行、块、y、x）{
var newRows=[]；
对于（变量i=0；i0；）{
对于（var j=0；j$('.tetrisGame')[0].innerHTML = '<H1>GAME OVER</H1>'

$('.tetrisGame').each((callback, args) => { /* do stuff */ })