Javascript 如何使此代码适用于所有按钮？

我尝试构建一个登录页面，当用户单击contact时，会弹出一个带有表单的框

我添加了一个模式脚本，它非常有效，但只适用于一个按钮。我为所有按钮添加了id或类，但它不起作用

<button class="trigger">Click here to trigger the modal!</button>
<div class="modal">
    <div class="modal-content">
        <span class="close-button">×</span>
        <h1>Hello, I am a modal!</h1>
    </div>
</div>

---

我希望能够将“.trigger”添加到任何按钮或a标签并使其工作。

您可以这样做：

<button class="trigger">Click here to trigger the modal!</button>
<div class="modal">
    <div class="modal-content">
        <span class="close-button">×</span>
        <h1>Hello, I am a modal!</h1>
    </div>
</div>

triggers=document.getElementsByClassName('trigger');
for (let i=0;i< triggers.length;i++){
    triggers[i].addEventListener("click", toggleModal);
}

triggers=document.getElementsByClassName（'trigger'）；
for（设i=0；i

---

此代码段将事件侦听器添加到所有“.trigger”类标记中。

您也可以显示您的html。给您……它是全局的@Roy-这不是必需的。@Roy

var modal

在所有函数之外-它是全局的。@JackBashford我的错，抱歉。