老师我这边给小圆点添加current类，发现实现不了。而且圆点点击事件也没出来问题没能找出来

html部分

    <div class="banner">

        <div class="banner-1">

            <ul class="bn_2" id="bn_2">

                <li><img class="img_1" src="images/banner01.png" alt=""></li>

                <li><img src="images/banner02.png" alt=""></li>

                <li><img src="images/banner03.png" alt=""></li>

            </ul>

            <ol class="yuandian" id="yuandian">

                <li data-n="0" class="current"></li>

                <li data-n="1"></li>

                <li data-n="2"></li>

            </ol>

        </div>

css部分

.banner .banner-1 img{

    width: 100%;

    height: 650px;

   position: relative;

}

.banner .banner-1 ul li{

    position: absolute;

    top: 0;

    left: 0; 

    width: 100%;

    height: 650px; 

    transition: all 3s linear 0s; 

    opacity: 0;

}

.banner .banner-1 ul li:first-child{

    opacity: 1;

}

.banner .banner-1 {

    position: relative;

    width: 100%;

    height: 650px;

    margin-bottom: 38.3px;

}

.banner .banner-1 .yuandian{

    position: absolute;

    bottom: 0;

    left: 50%;

    margin-left: -25px;

    margin-bottom: 50px;

    width:80px;

    height: 10px;

}

.banner .banner-1 .yuandian li{

    float: left;

    width: 10px;

    height: 10px;

    border-radius: 10px;

    background-color:  #fff;  

    margin-right: 10px;

}

.banner .banner-1 .yuandian li.current{

    background-color: rgb(66, 92, 238);

}

.banner .banner-1 .yuandian li:hover{

    transform: scale(1.5);

}

js部分

(function(){

    var bn_2=document.getElementById('bn_2') //获取ul

    var lis=bn_2.getElementsByTagName('li') //获取li元素

    var idx=0;

    var timer;

    move();   

    function move() {

        clearInterval(timer)

        timer= setInterval(function(){    

            lis[idx].style.opacity=0;

            idx++;

            if(idx>2)idx=0;

            lis[idx].style.opacity=1;

        },2000)

        setCircle();

    }

    bn_2.onmouseenter=function(){

        clearInterval(timer)

    };

    bn_2.onmouseleave=function () {

        move();    

    }

    //设置小圆点current类

    var yuandian=document.getElementById('yuandian')

    var ydLis=yuandian.getElementsByTagName('li')

    function setCircle() {

        for(var i=0;i<=2;i++){

            if(i==idx){

             ydLis[i].className='current'

            }else{

                ydLis[i].className='';

            }

        }

    }

//事件监听，小圆点

    yuandian.onclick=function(e) {

        if(e.target.tagName.toLowerCase()=='li'){

            alert(e.target.getAttribute('data-n'))

        }

    }

})()

在这里输入代码，可通过选择【代码语言】突出显示