在现有的 Javascript 游戏中实现特定的按键功能

如何解决在现有的 Javascript 游戏中实现特定的按键功能

我有一个现有的游戏，可以捕获用户单击的页面元素的 ID。然后将这些推送到一个数组，然后与随机生成的数组进行比较。有人建议我添加键盘功能。我在弄清楚这一点方面已经走了很远，但遇到了绊脚石。也许我有更好的方法来解决这个问题？

我目前的想法是创建一个函数来捕获与我当前捕获元素点击完全相同的按键，并将它们推送到我用来与计算机生成的数组进行比较的相同数组。这是我用于比较点击次数的现有代码：

function compareArraysClicks() {
    let userArray = userClicks.toString();
    let gameArray = initArray.toString();
    if (gameArray === userArray) {
        levelUp();
    } else {
        endGame();
    }
}

...效果很好！这是我尝试用按键实现类似的东西：

function captureUserPress(event) {
let press = event.which || event.keyCode;
let pressConvert;

switch (press) {
    case 113:  
        pressConvert = 'game-0';
        break;
    case 119:
        pressConvert = 'game-1';
        break;
    case 101:
        pressConvert = 'game-2';       
        break;
    case 97:
        pressConvert = 'game-3';       
        break;
    case 115:
        press = 'game-4';
        break;
    case 100:
        pressConvert = 'game-5';
        break;
    case 96:
        pressConvert = 'game-6';
        break;
    case 112:
        pressConvert = 'game-7';
        break;
        case 120:
        pressConvert = 'game-8';
        break;
    };
    userClicks.push(pressConvert);
}

然后他们（应该）都转到这个函数，它也适用于 userClicks 函数（这段代码只是我想要做的一个例子；我没有尝试将 captureUserPress 函数实现到比较功能）：

function compareArraysClicks() {
    let userArray = userClicks.toString();
    let gameArray = initArray.toString();
    if (gameArray === userArray) {
        levelUp();
    } else {
        endGame();
    }
}

但是当我尝试将它们组合起来时，我的问题就出现了。我想可能是我没有找到一种合适的方法来为按键实现事件监听器？简单地将 userClicks 函数应用于 DOM 中的 onclick 事件时很明显，但也许我需要在游戏开始时加载 keypress 函数？

任何想法都非常受欢迎 - 我不愿意在没有一点外行专业知识的情况下过多地弄乱我现有的工作代码:)