大家好~我最近刚学了javascript，想练习做一个项目！ 我的英语不好，我试图完整地描述我的问题。

我希望点击按钮打开菜单。再次点击按钮和菜单外的空白处关闭菜单，但我仍然不知道如何判断完成这个项目。我想请大家帮忙。谢谢。

let el = document.querySelector('.click').getAttribute('class'); let menu = document.querySelector('.menu'); // el.onclick = function(){ // el.getAttribute('class','showmenu') // } body{ min-height:100vh; display: flex; justify-content:center; align-items:center; } .click{ padding:16px; background-color: #ccc; text-decoration:none; border-radius:10px; font-size: 18px; color:#fff; &:hover{ transition:0.3s; background-color: #222; } } .menu{ position:absolute; top:380px; left:480px; background-color: #71ff05; border-radius:4px; display: none; .menu__item{ padding:36px; text-align:center; border-bottom:1px solid #222; &:hover{ background-color: #489b09; } } } .showmenu{ display:block; } <div class="demo"> <a href="javascript:;" class="click">button</a> <ul class="menu"> <li class="menu__item">test1</li> <li class="menu__item">test2</li> <li class="menu__item">test3</li> </ul>

顺晟科技：