• 今天完成的事情：

• 1、使用js+css完成了响应式导航栏。

  • 2、学习菜鸟教程上js的基础知识部分（对象、函数、作用域）
    

  • 3、对任务15的页面1的部分改写。

• 
  

• 明天计划的事情：

• 1、完成任务15的其余页面改写部分。

• 2、继续学习js基础知识。

• 
  

• 遇到的问题：
  

• 1、由于使用document.getElementById("menu").style.display只能获取行内样式，在不设置行内样式的情况下，返回的是空值。所以写了如下代码，

function myFunction() {
    if (document.getElementById("menu").style.display === "none"){
        document.getElementById("menu").style.display="block";
    }
    else  if (document.getElementById("menu").style.display === "block"){
        document.getElementById("menu").style.display="none";
    }
    else {
        document.getElementById("menu").style.display="block";
    }
}

• 在css样式中，id=menu的元素样式display：none，在第一次点击按钮时，前两个条件都不满足，点击之后赋予id=menu的元素样式display：block，这时下拉菜单出现，这时再点击，用document.getElementById("menu").style.display获取的就是block，之后进入正常判断，当隐藏状态时点击出现，在出现状态时点击隐藏。

• 收获：
  

• 1、学会了如何使用JS和CSS写一个简单的响应式导航栏。

• 2、JS中对象也是一个变量，但对象可以包含多个值（多个变量）。JavaScript 对象是键值对的容器"。键值对通常写法为 name : value (键与值以冒号分割)。键值对在 JavaScript 对象通常称为 对象属性。使用.name 或 ["name"]来访问对象。

• 3、函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。在调用函数时，可以向其传递值，这些值被称为参数。使用 return 语句时，函数会停止执行，并返回指定的值。

• 4、局部 JavaScript 变量：

  在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。只要函数运行完毕，本地变量就会被删除。

• 全局 JavaScript 变量：在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。如果把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。

•