Html 如何从不同的按钮触发相同的弹出窗口？

我试图从菜单中的不同按钮打开此弹出窗口，但是，弹出内容将保持不变

谢谢

函数OpenModalT（）{ var modal=document.getElementById（'myModalT'）； modal.style.display=“块”； } 函数CloseModalT（）{ var modal=document.getElementById（'myModalT'）； modal.style.display=“无”； }

&时代；





虚拟文本虚拟文本虚拟文本

亲切问候

下面是一个示例，您可以使用任意数量的模态和按钮：

• 使用具有唯一ID的模态
• 使用
  切换模态

const EL_modals=document.queryselectoral（“.modal”）；
常数切换模式=（ev）=>{
const EL_btn=ev.currentTarget；
const EL_modal=document.querySelector（EL_btn.dataset.modal）；
//关闭所有当前打开的模态：
EL_modals.forEach（EL=>{
如果（EL！==EL_模态）EL.classList.remove（“处于活动状态”）；
});
//切换打开/关闭目标对象：
EL_modal.classList.toggle（“处于活动状态”）；
};
const EL_modalBtns=document.queryselectoral（“[data modal]”）；
EL_modalBtns.forEach（EL=>EL.addEventListener（“单击”，切换模式））
/*QuickReset*/*{margin:0；框大小：border-box；}
.莫代尔{
位置：固定；
z指数：99999；
显示器：flex；
证明内容：中心；
对齐项目：居中；
左：0；上：0；
宽度：100vw；高度：100vh；
过渡：0.4s；
背景滤镜：模糊（3px）；
背景：rgba（0,0,0,0.1）；
指针事件：无；
可见性：隐藏；
不透明度：0；
}
.modal.is-active{
指针事件：自动；
能见度：可见；
不透明度：1；
}
.模态内容{
位置：相对位置；
背景：#fff；
填充：30px；
盒影：0.5px20px-5pxRGBA（0,0,0,0.3）；
}
.模式关闭{
位置：绝对位置；
顶部：10px；
右：10px；
}

&时代；
虚拟文本虚拟文本虚拟文本类问候

&时代；
如果有什么不清楚的地方，
请随时询问

问候
问候
请求帮助您需要从显示：无开始


var modal=document.getElementById（'myModalT'）；
函数OpenModalT（）{
modal.style.display=“块”；
}
函数CloseModalT（）{
modal.style.display=“无”；
}
函数ModalFunction（）{
如果（modal.style.display==“无”）{
modal.style.display=“块”；
}否则{
modal.style.display=“无”；
}
}
/*添加以下内容：*/
#米莫达特{
显示：无；
}






虚拟文本虚拟文本虚拟文本

亲切问候

&时代；



PS：避免在*
处理程序上使用内联
，希望不要使用内联
样式
属性-JS和CSS应该只放在一个地方-这是您的文件或标记。另外，请安装更好的代码编辑器<代码>“
不完全是
“
是无效的HTML5标记。如果需要按钮，请不要使用
。使用
点击我
。除了@RokoC.Buljan的不良行为列表，实际问题是什么？嗨，Roko，谢谢你的输入，伙计。有点即兴创作，代码很好用。我已经与上市风格的网站是建立了一个有点旧的菜单结构。我想通过onClick使用ulli和触发modals。但是，行中有一个语法错误：const-toggleModal=（ev）=>{请建议。非常感谢：）@Banick这是。要么以现代浏览器为目标。要么使用Babel将ES6传输到ES5（或者使用Snowpack构建，使用惊人的或网页包）-或者只使用一个更好的工具，它不会对现代JS功能产生争议。如果我必须使用href而不是按钮，会有什么变化？谢谢，我必须下载新编辑器，我想是时候了：|
AKA:Anchors是指向页面的链接。
相反，它是…正是它所说的：按钮。请记住始终使用
type=“button”
属性-因为默认情况下是
type=“submit”
。谢谢，尽管我无法单击模式放置下的任何内容。导航栏下有一个hero滑块。