今天完成的事情：任务二完成，JS知识学习（分支结构：if结构，if...else结构，多重if结构，嵌套if...else结构；循环while和for）
明天计划的事情：任务三与任务二结合，JS知识积累
遇到的问题：做任务时思路不清晰，导致事倍功半；
收获：

任务二的输入框与滑动条同步：

使用input标签创建输入框，挂上ID选择器，（类选择器等都可以），在JS脚本内使用DOM获取元素节点；

给获取DOM节点的输入框和滑动块设定变量；使用了分支结构来完成的输入的人数正确与否，以及没输入时的弹窗提示。

分支结构：

1）基本的 if 条件结构：及如果.....或 当.....时，所执行的命令；

if（“所要满足的条件”） {

    “所执行的命令，语句等”

}；

2） if-else 结构：及当满足条件时所执行的命令，反之执行另外个命令；else（另外，反之）

if （条件语句） {

    执行此命令

}

else { 

    执行此命令

}

else 结构放在 if 的下边和 if 搭配使用。

 if 和 else 下边用{}表达一个管辖范围，这时是 不能像普通语句那样在 最后带分号。

在 if 的 小括号后边禁止加分号，不需要。

3）多重 if 结构，用于需要满足多种条件时，且条件都不叠加，例：当需要了解某同学的考试成绩情况时，分别有优、良、中、差 的评价。成绩>=90 ：优秀； 成绩>=80 ：良好；成绩>=60 ：中等； 成绩<60 ：差。

var cj = document.getElementById("cj").value ;

if （cj >= 90）{

    document.getElementById("div").innerHTML = “成绩优秀”；

}

else if （cj >=80）{

    document.getElementById("div").innerHTML = “成绩良好”；

}

else if （cj >=60）{

    document.getElementById("div").innerHTML = “成绩中等”；

}

else {

    document.getElementById("div").innerHTML = “成绩差”；

}