css元素的Javascript onclick事件

我制作了一个css元素来反转整个网站，就像在黑暗模式下一样…我能够使用一个键码来切换css元素，它工作得非常好…但问题是我想使用一个按钮来切换元素

css>

Javascript>

    document.onkeypress = function (e) {
        e = e || window.event;
        
        if(e.keyCode === 13){
            document.documentElement.classList.toggle('dark-mode');
            
            document.querySelectorAll('.inverted').forEach((result) => {
                result.classList.toggle('invert');
            })
        }
    }
    

这些代码工作正常，但我想用一个按钮来切换它。…

Invert
<buton onclick="invert()" > Invert </button>

---

使用与为invert（）编写的函数相同的函数将切换代码放入命名函数中。然后从按键监听器和按钮上的点击监听器调用它

功能切换_方案（）{
document.documentElement.classList.toggle（'dark-mode'）；
document.querySelectorAll（'.inversed'）.forEach（（结果）=>{
result.classList.toggle（'invert'）；
})
}
document.querySelector（“切换方案”）.addEventListener（“单击”，切换方案）；
文件.添加的文本列表器（“按键”，功能（e）{
如果（如keyCode===13）{
切换_方案（）；
}
});给按钮一个
点击
事件监听器，做同样的事情。我是一个编程新手…我对此做了所有可能的研究，但仍然找不到答案…如果我能得到一个带有html的javascript代码…什么是“css元素”？你是说CSS规则吗？非常感谢。。。它起作用了。。。。你真的救了我的命别忘了接受解决问题的答案。单击答案旁边的复选标记。
<buton onclick="invert()" > Invert </button>