Javascript 若元素有类，则不执行其他操作，运行匿名函数

我想在我的javascript中添加一个if语句，这样如果我的section类激活了该类，我就不想让它在单击按钮时做任何事情，但如果它没有，我想让它运行我创建的匿名函数，这只是一个简单的转换。它不能在需要去的地方或者如何实现它。我还没有将幻灯片设置为单击即可更改，因为我只是想先让它工作

编辑

只是澄清一下，我不确定是否必须在循环之前或btn[I]事件侦听器内部检查类活动的if语句。 如果document.querySelectorAll（'.sections'）.classListContains（'active'））{ 什么也不做}其他{运行下面的代码}

谢谢你的建议

var btn=document.querySelectorAll（'.button'）；
var sections=document.querySelectorAll（'.sections'）；
对于（变量i=0；i

*{
填充：0；
保证金：0；
}
.包装纸{
宽度：100%；
高度：100vh；
位置：相对位置；
}
.按钮{
位置：绝对位置；
底部：0；
宽度：100%；
高度：50px；
显示器：flex；
对齐项目：居中；
背景：灰色；
}
.按钮{
弹性：100；
文本对齐：居中；
光标：指针；
}
.按钮跨度{
颜色：黑色；
}
.过渡覆盖{
位置：绝对位置；
排名：0；
右：0；
宽度：0；
身高：100%；
z指数：9999；
背景颜色：棕色；
过渡：宽度1s；
}
.transition\uuuu覆盖--活动{
宽度：100%；
左：0；
过渡：宽度1s；
}
.部分{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
转化：translateX（-100%）；
文本对齐：居中；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.sections.active{
变换：translateX（0）；
}

第一节
第二节
第三节
第四节
按钮1
按钮2
按钮3
按钮4

解决方案 带有

if语句的工作解决方案

，如果任何

部分

类的class

处于活动状态

---

//检查类为'sections'的元素是否有'active'类
函数CheckClass（）
{
对于（var j=0；j

*{
填充：0；
保证金：0；
}
.包装纸{
宽度：100%；
高度：100vh；
位置：相对位置；
}
.按钮{
位置：绝对位置；
底部：0；
宽度：100%；
高度：50px；
显示器：flex；
对齐项目：居中；
背景：灰色；
}
.按钮{
弹性：100；
文本对齐：居中；
光标：指针；
}
.按钮跨度{
颜色：黑色；
}
.过渡覆盖{
位置：绝对位置；
排名：0；
右：0；
宽度：0；
身高：100%；
z指数：9999；
背景颜色：棕色；
过渡：宽度1s；
}
.transition\uuuu覆盖--活动{
宽度：100%；
左：0；
过渡：宽度1s；
}
.部分{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
转化：translateX（-100%）；
文本对齐：居中；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.节.活动{
转化：translateX（0%）；
}

第一节
第二节
第三节
第四节
按钮1
按钮2
按钮3
按钮4

到目前为止您尝试过的if条件在哪里？您到底需要我们提供什么？您如何知道要检查哪些

.sections

的

.active

的可能副本？click事件在

按钮上

。if语句应该是if document.querySelectorAll（'.sections'）.classListContains（'active'）{doo nothing}其他{运行上面的javascript代码}。这就是我试图实现的

if条件then doo nothing

是荒谬的@rufus