Javascript 我有3个附加寄存器，每个调用一个按钮，如何将它们更改为1个功能

ave 3事件如何将它们更改为1功能，如果按钮1单击，则仅旋转 卡1，若按钮2点击，只需旋转卡2，Thanx为“帮助我”，我想要3个事件 这是坏的，因为需要更多的卡

let btnshowrotate = document.querySelectorAll('.Showback')

let rotate = document.querySelectorAll('.rotate')
// [...document.querySelectorAll('.slide')]
let flipcardinner = document.querySelector('.flip-card-inner')
btnshowrotate[0].addEventListener('click', () => {

  rotate[0].style.transform = " rotateY(180deg)"

})

btnshowrotate[1].addEventListener('click', () => {

  rotate[1].style.transform = " rotateY(180deg)"

})

btnshowrotate[2].addEventListener('click', () => {

  rotate[2].style.transform = " rotateY(180deg)"

})

*{
填充：0；
保证金：0；
框大小：边框框；
}
.翻盖卡片{
背景色：透明；
宽度：300px；
高度：300px；
透视图：1000px；
}
.翻转卡内部{
位置：相对位置；
宽度：100%；
身高：100%；
文本对齐：居中；
转变：转变0.6s；
变换样式：保留-3d；
盒影：0 4px 8px 0 rgba（0,0,0,0.2）；
}
.正面翻转卡片，.背面翻转卡片{
位置：绝对位置；
宽度：100%；
身高：100%；
-webkit背面可见性：隐藏；
背面可见性：隐藏；
}
.翻转卡正面{
背景色：rgb（182、180、180）；
颜色：黑色；
}
/*.翻转卡：悬停。翻转卡内部{
变换：旋转（180度）；
} */
/*.展示：选中~.翻转卡片inne{
变换：旋转（180度）；
}
button.cheack~.翻转卡内部{
} */
.翻转卡：悬停按钮{
不透明度：1；
转换：转换（0，-150px）；
}
.原父母{
显示器：flex；
弯曲方向：行；
对齐项目：居中；
对正内容：空间均匀；
高度：90vh；
宽度：100%；
边框：1px纯红；
转换：转换（0px，-50px）；
}
文章{
边框：1px纯色天蓝色；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
}
钮扣{
填充：15px；
大纲：无；
边界：无；
填充：15px；
不透明度：0；
过渡：0.4s；
}
.把卡片翻回去{
背景色：#2980b9；
颜色：白色；
变换：旋转（180度）；
}
img{
宽度：200px；
高度：200px；
}
.next，.prve{
宽度：20px；
高度：20px；
显示器：flex；
填充物：5px；
证明内容：中心；
对齐项目：居中；
位置：绝对位置；
字体大小：20px；
颜色：红色；
最高：50%；
}
.下一个{
右：0；
}
.容器滑块{
边框：1px纯红；
宽度：100%；
高度：30vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
柔性包装：nowrap；
溢出：隐藏；
转变：转变0.6s；
变换样式：保留-3d；
}
.幻灯片{
填充：15px；
显示：无；
过渡：0.4s线性；
}
.slide.active{
显示器：flex；
}

用文字翻转卡片
将鼠标悬停在下图上：
Adidass

为他人表演
无名氏
建筑师和工程师
我们爱那个家伙

美洲狮

为他人表演
无名氏
建筑师和工程师
我们爱那个家伙

耐克

为他人表演
无名氏
建筑师和工程师
我们爱那个家伙

❯
❮

我想这就是你想要的：

btnshowrotate.forEach((el, i) => el.addEventListener('click', () => rotate[i].style.transform = " rotateY(180deg)"))

或者为了进一步减少，如果您不再使用btnshowrotate，您可以更换

let btnshowrotate = document.querySelectorAll('.Showback')

与

---

如果这对您有效，请确保将问题标记为已回答。我是新来的，我真的可以利用积分！tnx这么多人tnq tnq和agin tnq你向我学习新方法；）我希望你的任何工作都能成功，不管是什么

document.querySelectorAll('.Showback').forEach((el, i) => el.addEventListener('click', () => rotate[i].style.transform = " rotateY(180deg)"))