Javascript java脚本按钮单击功能不正确

var s={
行：10，
科尔斯：10，
宽度：40，
身高：40，
};
document.onkeydown=函数（e）{
开关（如钥匙代码）{
案例49:案例50:案例51:案例52:案例53:案例54:案例55:案例56:案例57:
警报（“编号”）；
打破
案例75：
警报（“k”）；
打破
案例79：
警报（'o'）；
打破
案例85：
警报（“u”）；
打破
案例65：
警报（“a”）；
打破
案例68：
警报（'d'）；
打破
案例87：
警报（“w”）；
打破
案例88：
警报（'x'）；
打破
}
};
var c；
window.onload=函数（）{
var canvas=document.getElementById（“gCanvas”）；
c=canvas.getContext（“2d”）；
init（）；
} 
var-mX；
var mY；
var-clickedX；
var-clickedY；
window.onclick=函数（e）{
c、 strokeStyle=“黑色”；
c、 fillRect（数学层（e.offsetX/40）*40，
数学楼层（e.offsetY/40）*40，
40, 40);
mX=e.pageX；
mY=e.pageY；
if（数学地板（mX/s.width）对于（var i=0；i这是我从代码中编辑的代码，您在声明变量
box
之前调用了
.drawImage（）
方法。您还应该向
框添加onload事件，以调用
init（）


var s={
行：10，
科尔斯：10，
宽度：40，
身高：40
};
document.onkeydown=函数（e）{
开关（如钥匙代码）{
案例49：
案例50：
案例51：
案例52：
案例53：
案例54：
案例55：
案例56：
案例57：
警报（“编号”）；
打破
案例75：
警报（“k”）；
打破
案例79：
警报（'o'）；
打破
案例85：
警报（“u”）；
打破
案例65：
警报（“a”）；
打破
案例68：
警报（'d'）；
打破
案例87：
警报（“w”）；
打破
案例88：
警报（'x'）；
打破
}
};
var盒；
box=新图像（）；
box.src=”https://i.imgur.com/5o1U7rv.png";
box.onload=函数（）{
init（）；
};
var c；
var canvas=document.getElementById（“gCanvas”）；
c=canvas.getContext（“2d”）；
var-mX；
var mY；
var-clickedX；
var-clickedY；
window.onclick=函数（e）{
控制台日志（4）；
c、 strokeStyle=“黑色”；
c、 fillRect（数学层（e.offsetX/40）*40，
数学楼层（e.offsetY/40）*40，
40, 40);
mX=e.pageX；
mY=e.pageY；
if（数学地板（mX/s.width）

正文{
保证金：0；
}
h1{
文本对齐：居中；
}

开始比赛

结束游戏
请单击
代码片段编辑器，将代码粘贴到相关框中，单击“整理并保存”您需要通过为您所做的工作提供代码片段或小提琴来更具体地说明问题所在。这仍然会产生我以前遇到的错误，如果您单击“开始游戏”或“结束游戏”按钮，它将填充顶部左侧或与其相邻的一个。我正在尝试这样做，只有当您单击该平铺时颜色才会填充。当您单击开始按钮时，我修复了上面的代码，并且还激活了
窗口的onclick事件，因此您需要添加
事件。stopPropagation（）
以停止触发下一个事件。