Javascript按键使灯光明亮

在网页上，如何使用键盘上的特定键让用户点亮网页上的框/项？我想让M点亮我的标题，当我再次按下M时，它会关闭吗

这是我到目前为止所做的，但我觉得它可以被清理很多

$('#abutton').click(function() {
    $('#abutton').removeClass('off').addClass('on');
    $('#bbutton').removeClass('on').addClass('off');
    $('#cbutton').removeClass('on').addClass('off');
    $('#dbutton').removeClass('on').addClass('off');
    window.scrollTo(0,0);
});

$('#bbutton').click(function() {
    $('#abutton').removeClass('on').addClass('off');
    $('#bbutton').removeClass('off').addClass('on');
    $('#cbutton').removeClass('on').addClass('off');
    $('#dbutton').removeClass('on').addClass('off');
    window.scrollTo(0,0);
});

$('#cbutton').click(function() {
    $('#abutton').removeClass('on').addClass('off');
    $('#bbutton').removeClass('on').addClass('off');
    $('#cbutton').removeClass('off').addClass('on');
    $('#dbutton').removeClass('on').addClass('off');
    window.scrollTo(0,0);
});

$('#dbutton').click(function() {
    $('#abutton').removeClass('on').addClass('off');
    $('#bbutton').removeClass('on').addClass('off');
    $('#cbutton').removeClass('on').addClass('off');
    $('#dbutton').removeClass('off').addClass('on');
    window.scrollTo(0,0);
});

---

只需将常规类

.button

添加到所有类中即可。然后从所有

.button

元素中删除

on

，并将

on

类添加到精确单击的元素中

$('.button').click(function() {
    $('.button').removeClass('on').addClass('off');
    $(this).removeClass('off').addClass('on');
    window.scrollTo(0,0);
});

---

只需将常规类

.button

添加到所有类中即可。然后从所有

.button

元素中删除

on

，并将

on

类添加到精确单击的元素中

$('.button').click(function() {
    $('.button').removeClass('on').addClass('off');
    $(this).removeClass('off').addClass('on');
    window.scrollTo(0,0);
});

---

您需要将addEventListener添加到代码中，并在其中检查按下的键是否包含您希望执行某些操作的键代码。请看下面的示例：

addEventListener（“按键关闭”（事件）=>{
如果（event.keyCode==='13'）
//灯开/关
});

请查看更多详细信息

编辑：
您需要将addEventListener添加到您的代码中，并检查其内部是否有您希望执行某些操作的按键代码。请看下面的示例：

addEventListener（“按键关闭”（事件）=>{
如果（event.keyCode==='13'）
//灯开/关
});

请查看更多详细信息

编辑：
如果我想重新开始，我应该在我的HTML中放入什么，哪些放入我的javascript部分？如果我想重新开始，我应该在HTML中放入什么，哪些放入我的javascript部分？