如何修复无法工作的Javascript旋转木马左控件？

我正在为我最近购买的blogspot.com模板创建一个post css stype。有这么多的教程，我做了我想要的，但旋转木马有一个问题，与左控件不正确。你能帮我吗

我在YouTube上搜索。大部分代码都是对其他人的修改（我是一名平面设计师，几乎不了解HTML的基本知识）

非常感谢

const carousel2=document.querySelector（'.carousel2'）；
const slider2=document.querySelector（'.slider2'）；
const next=document.querySelector（'.next'）；
const prev=document.querySelector（'.prev'）；
让方向；
next.addEventListener（'click'，function（））{
方向=-1；
carousel2.style.justifyContent='flex start'；
slider2.style.transform='translate（-20%）'；
});
prev.addEventListener（'单击'，函数（））{
如果（方向==-1）{
方向=1；
slider2.appendChild（slider2.firstElementChild）；
}
carousel2.style.justifyContent='flex end'；
slider2.style.transform='translate（20%）'；
});
slider2.addEventListener（'transitionend'，function（）{
//获取最后一个元素并将其附加到前面
如果（方向===1）{
slider2.prepend（slider2.lastElementChild）；
}否则{
slider2.appendChild（slider2.firstElementChild）；
}
slider2.style.transition='none'；
slider2.style.transform='translate（0）'；
设置超时（（）=>{
slider2.style.transition='所有0.5s'；
})
}，假）
/*------------邮政转盘滑块------------
---------------------------------------------------*/
.carousel通用集装箱{
最大宽度：780px；
高度：自动；
宽度：100%；
保证金：0px自动；
垫底：20px；
}
/*--邮递转盘2--*/
.滑动容器2{
最大宽度：100%；
高度：自动；
宽度：100%；
利润率：10px自动；
}
.旋转木马2{
背景：#fff；
边框：2倍实心透明；
边界半径：6px；
宽度：100%；
显示器：flex；
调整内容：灵活启动；
溢出：隐藏；
位置：相对位置；
}
.幻灯片2{
显示器：flex；
身高：100%；
宽度：500%；
弹性收缩：0；
过渡：均为0.5s；
}
.slider2分区{
弹性基准：20%；
弹性收缩：0；
显示器：flex；
证明内容：中心；
对齐项目：居中；
字体大小：20px；
}
.滑梯2室仪表图{
高度：自动；
宽度：100%；
}
.controls2按钮。下一步{
位置：绝对位置；
右：20px；
最高：50%；
转化：translateY（-50%）；
背景：无；
边界：无；
光标：指针；
大纲：无；
颜色：白色；
}
.controls2按钮.prev{
位置：绝对位置；
左：20px；
最高：50%；
转化：translateY（-50%）；
背景：无；
边界：无；
光标：指针；
大纲：无；
颜色：白色；
}
.controls2按钮i{
字体大小：40px；
}
/*---------------------------------------------结束--*/

键盘箭头右键
键盘箭头左键
为什么不使用现有的旋转木马预制件？

自己做旋转木马可能会教你很多东西，但它会占用你很多时间


我个人推荐你！

它是完全个性化的，并且与台式机和手机兼容。

以下是有关如何设置的详细信息；）
 您好，我看到的第一件事是，当您将carrousel2
justify content
的
flex
属性更改为
flex end
时，您正在将滑块移出视口。如果你删除了这一行，你就解决了不显示任何内容的问题，但是动画不起作用，因为我想你会希望得到答案。现在我可以看到它工作了，但是有一个白色的过渡（这一新问题与浏览器的编译方式有关。它首先制作新创建的组件的动画，然后绘制新创建的组件，例如附加或预先添加的元素。您可能应该添加更多详细信息。