学习进度条3.10

所花时间：8小时
代码量：50
搏客量：1
了解到的知识点：

1. 变量声明
   var：声明变量（ES5及更早版本）。
   var x = 10;
   let：声明块级作用域的变量（ES6引入）。
   let y = 20;
   const：声明常量，值不可更改（ES6引入）。
   const PI = 3.14;
2. 数据类型
   基本数据类型：Number、String、Boolean、null、undefined、Symbol、BigInt。
   复合数据类型：Object、Array、Function。
   let num = 10; // Number
   let str = "Hello"; // String
   let bool = true; // Boolean
   let obj = { name: "Alice", age: 25 }; // Object
   let arr = [1, 2, 3]; // Array
3. 操作符
   算术操作符：+、-、*、/、%、++、--。
   比较操作符：、=、!=、!==、>、<、>=、<=。
   逻辑操作符：&&（逻辑与）、||（逻辑或）、!（逻辑非）。
4. 控制语句
   条件语句：
   if (condition) {
   // 执行代码
   } else if (anotherCondition) {
   // 执行代码
   } else {
   // 执行代码
   }
   循环语句：
   for循环：
   for (let i = 0; i < 5; i++) {
   console.log(i);
   }
   while循环：
   let i = 0;
   while (i < 5) {
   console.log(i);
   i++;
   }
   do...while循环：
   let i = 0;
   do {
   console.log(i);
   i++;
   } while (i < 5);
   switch语句：
   switch (expression) {
   case value1:
   // 执行代码
   break;
   case value2:
   // 执行代码
   break;
   default:
   // 执行代码
   }
5. 函数
   函数声明：
   function greet(name) {
   return "Hello, " + name;
   }
   匿名函数：
   let greet = function(name) {
   return "Hello, " + name;
   };
   箭头函数（ES6）：
   let greet = (name) => {
   return "Hello, " + name;
   };
6. 对象和数组
   对象：
   let person = {
   name: "Alice",
   age: 25,
   greet: function() {
   console.log("Hello, I am " + this.name);
   }
   };
   数组：
   let fruits = ["apple", "banana", "cherry"];
   fruits.push("orange"); // 添加元素
   console.log(fruits.length); // 输出数组长度
7. 事件和DOM操作
   事件绑定：
   document.getElementById("myButton").addEventListener("click", function() {
   alert("Button clicked!");
   });
   操作DOM：
   let element = document.getElementById("myDiv");
   element.innerHTML = "Hello, World!";