Javascript 将活动类添加到html元素无效

我正在尝试构建一个带有活动点的滑块，我成功地完成了大部分工作，但问题是活动类没有生效。所以在showNews函数的末尾，我添加了一行，试图添加类，但没有效果。当你在当前页面上显示黑点时，有人能帮助我如何将活动类添加到点吗？ 当我点击一个点进入指定页面时。[在此处输入链接描述][1]

//*第二个滑块*
var sliderIndex=0；
设next2=document.querySelector（“.next2”）；
设prev2=document.querySelector（“.prev2”）；
函数showNews（n）{
调试器；
常量滑块=document.getElementsByClassName（'news'）；
const dots=document.getElementsByClassName（'dot'）；
对于（i=0；islider.length-1）{
sliderIndex=0
}
对于（i=0；i

#第三节幻灯片-容器2{
位置：相对位置；
}
#第三节幻灯片-容器2.prev2，
#第三节幻灯片-容器2.下一节2{
高度：100px；
颜色：红色；
最高：50%；
宽度：100px；
位置：绝对位置；
-网络工具包盒阴影：-2px2p0黑色；
盒影：-2px2p0黑色；
}
#第三节幻灯片-容器2.下一节2{
左：30px；
-webkit变换：旋转（45度）；
变换：旋转（45度）；
}
#第三节幻灯片-容器2.prev2{
右：30px；
-webkit变换：旋转（225度）；
变换：旋转（225度）；
}
#第三节幻灯片-容器2.按钮{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
边缘底部：4rem；
}
#第三节幻灯片-容器2.按钮公司btn，
#第三节幻灯片-容器2.按钮.行业btn{
保证金：1.5雷姆；
显示：内联块；
填充：0.8rem 1rem；
背景：黑色；
边界半径：0；
-webkit转换：0s；
转换：0s；
}
#第三部分。幻灯片-容器2。按钮。公司btn：悬停{
背景：白色；
颜色：黑色；
}
#第三节幻灯片-容器2.按钮.行业btn{
背景：白色；
颜色：黑色；
}
#第三部分。幻灯片-容器2。按钮。行业btn：悬停{
背景：黑色；
颜色：白色；
}
#第三节幻灯片-容器2.新闻内容，
#第三节幻灯片-容器2.新闻2内容{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-网络工具包盒方向：垂直；
-webkit盒方向：正常；
-ms-flex方向：列；
弯曲方向：立柱；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
高度：600px；
背景：白色；
文本对齐：居中；
}
#第三节幻灯片-容器2.新闻内容p，
#第三节幻灯片-容器2.新闻2内容p{
字号：1.2rem；
填充：2rem8rem；
}
#第三节幻灯片-容器2.新闻内容h1，
#第三节幻灯片-容器2.新闻2内容h1{
字体系列：Arial、Helvetica、无衬线字体；
字体大小：1.5rem；
}
#第三节幻灯片-容器2.新闻2内容{
背景：白色；
显示：-ms网格；
显示：网格；
-ms网格行：（1fr）[3]；
网格模板行：重复（3，1fr）；
-ms网格柱：（1fr）[3]；
网格模板列：重复（3，1fr）；
填充物：1.5雷姆6雷姆；
}
#第三节幻灯片-容器2.按钮{
-ms网格列：1；
-ms格构柱跨度：3；
网格柱：1/4；
-ms网格行：1；
网格行：1；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
边缘底部：1rem；
}
#第三节幻灯片-容器2.媒体室{
-ms网格行：2；
网格行：2；
-ms网格列：1；
-ms格构柱跨度：1；
网格柱：1/2；
}
#第三节幻灯片-容器2.img{
-ms网格列：1；
-ms格构柱跨度：1；
网格柱：1/2；
-ms网格行：3；
网格行：3；
右边距：1rem；
}
#第三节幻灯片-容器2.文本{
-ms网格列：2；
-ms格构柱跨度：2；
网格柱：2/4；
-ms网格行：3；
网格行：3；
填充：0！重要；
}
#第三节幻灯片-容器2.查看更多信息{
颜色：绿色；
-ms网格行：4；
网格行：4；
-ms网格列：1；
-ms格构柱跨度：3；
网格柱：1/4；
}
#第三节幻灯片-容器2.查看更多：悬停{
颜色：#242121；
}
#第三节幻灯片-容器2#点{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
}
#第三节幻灯片-容器2.点{
光标：指针；
高度：15px；
宽度：15px；
边际：0.2px；
背景色：#bbb；
边界半径：50%；
显示：内联块；
-webkit过渡：背景色0.6s轻松；
过渡：背景色0.6s；
}
#第三节幻灯片-容器2.点：悬停，
#第三节幻灯片-container2.dot.active{
背景：黑色；
}
.主动{
背景：黑色；
}

我们的人民是最宝贵的财富
我的同僚们都是精英。乌斯托·沃鲁帕特·福吉亚特，莫勒斯蒂亚斯·阿迪皮斯
沃卢帕斯
Blanditi是一种全方位的非流动性蓄积液，是一种动物益生菌溶液？非ea nisi选项
多洛雷斯·沃鲁帕特·福吉亚特，莫勒斯蒂亚斯·阿迪皮斯·沃鲁帕特斯
Blanditi是一种全方位的非流动性蓄积液，是一种动物益生菌溶液？非ea nisi选项
多洛雷斯。
 (index + movement + length) % length

  if(this.active === undefined) this.active = 0;
  this.active = ( this.active + n + dots.length) % dots.length;
  dots[this.active].classList.add("active");