Javascript 将jquery切换转换为纯js

我想要一些帮助，将这个jQuery代码转换成“普通”JavaScript

$(document).ready(function() {
  $("#menu-icon").click(function(){
    $("#sidebar").toggleClass('show-sidebar');
  });
});

大概是这样的：

window.addEventListener('DOMContentLoaded', () => {
    const icon = document.getElementById('menu-icon');
    const sidebar = document.getElementById('sidebar');
    icon.addEventListener('click', () => {
        sidebar.classList.toggle('show-sidebar');
    })
});

---

请提供您迄今为止尝试过的代码？我需要在单击侧导航栏菜单按钮时隐藏正文的滚动，导航栏将滚动。并且关闭后导航栏主体可以滚动。如何操作？函数mySideBarClose（）{document.body.style.overflowY='hidden'；}函数mySideBarOpen（）{document.body.style.overflowY='scroll'；}