js classlist.add and classlist.emove在我的弹出html/css中不起作用

Question

因此，我正在尝试使用CSS创建HTML弹出式启动和JavaScript进行弹出运动。但是，这是我第一次使用VS代码来执行此操作，但不知何故，它不起作用。

请帮忙。

document.getElementById("open-popup-button");
document.addEventListener("click",function(){document.getElementsByClassName("popup")[0].classList.add("active")});

document.getElementById("dismiss-popup-button");
document.addEventListener("click",function(){document.getElementsByClassName("popup")[0].classList.remove("active")});