Javascript 缩短代码。请帮我缩短代码

请帮我缩短代码

window.onload = function(){
const $button = document.querySelector("#side");
const $button1 = document.querySelector("#sidebar-toggle");
const $wrapper = document.querySelector("#wrapper");

$button.addEventListener("click", (e) => {
  e.preventDefault();
  $wrapper.classList.toggle("toggled");
});
$button1.addEventListener("click", (e) => {
  e.preventDefault();
  $wrapper.classList.toggle("toggled");
});}

---

我需要帮助来缩短我的代码，我是js新手。

如果你想减少重复性，你可以看看这个

window.onload = function() {
    const $buttons = document.querySelectorAll("#side, #sidebar-toggle");
    const $wrapper = document.querySelector("#wrapper");

    for (var i = 0; i < $buttons.length; i++) {
        $buttons[i].addEventListener('click', (e) => {
            e.preventDefault();
            $wrapper.classList.toggle("toggled");
        });
    }
}

window.onload=function（）{
const$buttons=document.queryselectoral（“侧边，侧边栏切换”）；
const$wrapper=document.querySelector（“包装器”）；
对于（变量i=0；i<$buttons.length；i++）{
$buttons[i].addEventListener（'单击'，（e）=>{
e、 预防默认值（）；
$wrapper.classList.toggle（“toggled”）；
});
}
}

使用

querySelectorAll（）

获取多个项目，然后可以使用多个“选择器”作为参数

如果可以，您应该使用类而不是id

---

顺便说一下，当变量是jQuery元素时，我们通常将其命名为variable

$myVariable

，

querySelector（）

和

querySelector（）

是普通的JS

const a=document.querySelector（“#side”）

etc

const q=document.querySelector

如何缩短？从字面上说，只是更少的字符？使用小型灭火器。还是更少的重复代码？我注意到你的两个事件处理程序做的事情完全相同，你有没有考虑过如何避免两次编写它们？是的，T.J.Crowder，我想减少重复性。

self.onload=>{const c=document.querySelector（#wrapper”）；document.queryselectoral（#side，#sidebar toggle”）.forEach（a=>a.addEventListener（“click”，e=>{e.preventDefault（）；c.classList.toggle（“toggled”）；}；

这差不多是我能做的最短的了