Javascript 创建旋转木马

我正在尝试使用w3schools中提供的基本示例创建一个旋转木马

除此之外，我还创建了一个额外的

div

，并将我的内容插入其中。这是我的Javascript

<script>
        var slideIndex = 1;
        showDivs(slideIndex);

        function plusDivs(n) {
            showDivs(slideIndex += n);
        }

        function showDivs(n) {
            var i;
            var x = document.getElementsByTagName("table")
            if (n > x.length) { slideIndex = 1 }
            if (n < 1) { slideIndex = x.length }
            for (i = 0; i < x.length; i++) {
                x[i].style.display = "none";
            }
            x[slideIndex - 1].style.display = "block";
        }
    </script>

var slideIndex=1；
showDivs（slideIndex）；
函数plusDivs（n）{
showDivs（slideIndex+=n）；
}
函数showDivs（n）{
var i；
var x=document.getElementsByTagName（“表”）
如果（n>x.length）{slideIndex=1}
如果（n<1）{slideIndex=x.length}
对于（i=0；i

这是一把小提琴

我这里有两个问题

我想将箭头放入我的div（

mainDiv

）

---

前面的箭头（

作为建议，请查看您的开发人员工具，以便正确调试，您可以按F12键访问它。在
控制台
上，它可以抛出错误消息，提示问题，在
元素
中，它将突出显示您的元素

我想把箭头放在我的div（mainDiv）中。
实际上它在你的mainDiv里面

上一个箭头（放置相对于mainDiv的位置

.mainDiv {
    border: 1px solid black;
    width: 50%;
    margin-left: 10%;
    position: relative;
}

由于您使用了 — 或者使用“错误”的方式绑定事件：改用
addEventListener
。使用（点击
F12
）并阅读任何错误。此外，请回答您的问题并提供答案。