JavaScript点击按钮打开模态窗口事件监听器未定义报错求助

错误原因 #

事件绑定方法拼写错误，JavaScript原生提供的事件监听方法正确拼写为 addEventListener，你的代码中两处绑定都误写为 addEventListner，缺失了Listener中的第二个字母e，因此会触发方法未定义的报错。

修复代码 #

将JS代码末尾的两行事件绑定代码替换为以下内容即可正常运行：

btnOpenModal.addEventListener('click', openModal);
btnCloseModal.addEventListener('click', closeModal);

可选扩展功能 #

如果需要实现点击模态窗外的遮罩层自动关闭模态窗的效果，可以额外补充一行绑定代码：

overlay.addEventListener('click', closeModal);

内容的提问来源于stack exchange，提问作者KurtReyn