如何设置按钮以更改按钮的背景颜色

Question

我试图这样做，所以我可以按a-d，按钮（a，b，c，d）将改变颜色;当我按'a'时，a按钮应该变成更暗的颜色，如果我按'b'，例如，'a'应该变回原来的颜色。并且'b'将变成更暗的颜色， 这可能不是最有效的，但它是我能想到的最有效的方式之一。

我的代码：

document.addEventListener("keydown", function(event) {
    if(event.keyCode == 65)
    {
        document.getElementById("a1").style.background='#BFBFBF';
        document.getElementById("b1").style.background='#FFFFFF';
        document.getElementById("c1").style.background='#FFFFFF';
        document.getElementById("d1").style.background='#FFFFFF';
    }
    else if(event.keyCode == 66)
    {
        document.getElementById("b1").style.background='#BFBFBF';
        document.getElementById("c1").style.background='#FFFFFF';
        document.getElementById("d1").style.background='#FFFFFF';
        document.getElementById("a1").style.background='#FFFFFF';
    }
    else if(event.keycode == 67)
    {
        document.getElementById("c1").style.background='#BFBFBF';
        document.getElementById("d1").style.background='#FFFFFF';
        document.getElementById("a1").style.background='#FFFFFF';
        document.getElementById("b1").style.background='#FFFFFF';
    }
    else if(event.keycode == 68)
    {
        document.getElementById("d1").style.background='#BFBFBF';
        document.getElementById("a1").style.background='#FFFFFF';
        document.getElementById("b1").style.background='#FFFFFF';
        document.getElementById("c1").style.background='#FFFFFF';
    }
});

document.addEventListener("keyup", function(event) {
    if(event.keyCode == 65)
    {
        event01()
    }
    else if(event.keyCode == 66)
    {
        event02()
    }
    else if(event.keycode == 67)
    {
        event03()
    }
    else if(event.keycode == 68)
    {
        event04()
    }
});