js练习-自动改变方向一幻灯片效果

一直觉得js学的不扎实，网上找了项目练手，项目地址在这里。

分析

当然，今天的任务特别简单，在昨天的基础上修改即可，

1. 设置一个控制方向的变量，使其自动改变方向；
2. 精简代码

实现

1. 新增变量direction控制方向

let direction = true; //true顺时针滚动，false逆时针滚动

2. 去除冗余，将昨天设置的last_num变量去除，添加show()，judge()函数

//实现幻灯片的切换
function show() {
    //对count初始化
    for (let i = 0; i < list.children.length; i++) {
      list.children[i].className = "";
      count.children[i].className = "";
    }
    list.children[current_num].className = "current";
    count.children[current_num].className = "current";
  }
//通过此函数，更改幻灯片的方向
function judge() {
     if (direction) {
       current_num += 1;
       if (current_num >= length) {
         current_num -= 2;
         direction = !direction;
       }
     } else {
       current_num -= 1;
       if (current_num < 0) {
         current_num += 2;
         direction = !direction;
       }
     }
   }

3. 其他内容只是做简单修改，具体请看完整代码。

完整代码在这里
如有错误，欢迎指正。