Javascript 按某个字符时，将字符放置在网格中

我正在尝试制作一个网格游戏，允许用户在网格中移动并收集物品。我只做了网格，点击一个正方形和几个按钮就可以填充网格

我试图实现，如果用户单击某个平铺，然后按下某个字符键，那么该字符将出现在平铺中

我已经做了一个切换案例，如果用户输入某个磁贴，我会提醒用户，但我不知道如何实现它，所以它会在磁贴中输入字符键

您可能需要下载此图像以便网格显示，但如果没有它，错误仍然会显示出来。

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可能我发现了它！发生的事情是在加载窗口时创建了一个var画布，因为var在函数中有它的起源。因此，要解决这个问题，您需要做的就是在
window.onload=function（）{}中指定var画布以及var c
我认为你应该从基础开始。这个HTML代码是错误的，你在这个页面上有多少“body”标签？？从这里开始阅读，简单明了：这里等等。。。