diff --git "a/14 \346\210\264\345\244\251\346\210\220/20241024\344\270\250\345\210\235\350\257\206JavaScript.md" "b/14 \346\210\264\345\244\251\346\210\220/20241024\344\270\250\345\210\235\350\257\206JavaScript.md"
new file mode 100644
index 0000000000000000000000000000000000000000..750b30f7f0642d92574b9c37d7603f0bedab41e4
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/20241024\344\270\250\345\210\235\350\257\206JavaScript.md"	
@@ -0,0 +1,357 @@
+# 一、笔记部分
+
+### JavaScript 简介
+
+1. JavaScript 是什么：
+
+   JavaScript 是一种运行在浏览器的脚本编程语言。它不需要编译，可直接在浏览器上运行。
+
+2. JavaScript 由什么组成：
+
+   ECMAScript （基础语法）和 Web APIs （DOM、BOM）。
+
+   - ECMAScript:
+     规定了js基础语法核心知识。
+       - 比如：变量、分支语句、循环语句、对象等等
+   - Web APIs :
+     - DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作
+     - BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等
+
+# 二、作业部分
+
+- 完成练习与作业
+
+
+
+## 基础练习
+
+#### 02-js书写位置-内部
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <!-- 内部js  // 页面弹出警示框-->
+  <script>
+    alert('内部JS弹出警示框')
+  </script>
+</body>
+
+</html>
+```
+
+
+
+#### 03-js书写位置-外部
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <!-- 外链方式引入 -->
+  <script src="js/test.js"></script>
+</body>
+
+</html>
+```
+
+
+
+#### 04-js书写位置-行内
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <!-- 行内方式写js -->
+  <a href="#" onclick="alert('行内方式写js')">行内方式写js</a>
+</body>
+
+</html>
+```
+
+
+
+#### 05-结束符与注释
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <!-- 一般以;号结束，但也可以不写，改用回车符表示 -->
+  <script>
+    document.write('test');
+    document.write('test')
+  </script>
+  <!-- 单行与多行注释 -->
+  <script>
+    // 单行注释
+    /*
+      多
+      行
+      注
+      释 
+    */
+  </script>
+</body>
+
+</html>
+```
+
+
+
+#### 06-输入和输出语法
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+
+  <script>
+    // 1. 文档输出内容,比如输出标题和段落,
+    document.write('<h1>Title</h1>')
+    document.write('<p>段落</p>')
+    // 2. 在控制台打印输出 日志 给 程序员
+    console.log('日志')
+    // 3. 输入语句
+    prompt('哥们输入点东西吧!')
+  </script>
+</body>
+
+</html>
+```
+
+
+
+#### 07-变量的使用与更新
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 1. 先声明，再赋值
+    let var1;
+    var1 = 100;
+    // 2  声明的同时直接赋值  完成变量的初始化
+    let var2 = 200;
+    // 3.1 同时声明多个变量，打印多个变量的值  
+    let var3 = 300, var4 = 400;
+    // 3.2 提倡声明的方式，分开
+    let var5 = 500
+    let var6 = 600
+    // 4. 变量值的更新
+    let var7 = 700
+    var7 = 70
+  </script>
+</body>
+
+</html>
+```
+
+
+
+#### 08-输入用户名案例
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 输出用户名案例,让用户输入自己的姓名XXX，控制台输出“你好XXX”
+    // 1. 用户输入
+    let input = prompt('请输入姓名')
+    // 2. 内部处理保存数据
+    let name = input
+    // 3. 打印输出
+    console.log(`你好${name}`)
+  </script>
+</body>
+
+</html>
+```
+
+
+
+#### 09-交换2个变量
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 交换两个变量的值
+
+    // 假定有,name1 丘丘 name2 胡哥 =》 name1：胡哥 name2：丘丘
+    let name1 = '丘丘';
+    let name2 = '胡哥';
+    console.log(name1, name2);
+
+    // 开始交换
+    let temp = name1
+    name1 = name2
+    name2 = temp
+
+  </script>
+</body>
+
+</html>
+```
+
+
+
+#### 10-变量的命名规范
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 以下声明变量的方式哪些是对的，哪些是错的
+    //  let if = 10
+    let num1$_ = 11
+    // let nav-bar = 11
+    // let 1num = 10
+    let $_666 = 666;
+    let _11 = 120;
+    let age = 10;
+    let Age = 20;
+    console.log(age,Age)
+  </script>
+</body>
+
+</html>
+```
+
+
+
+#### 11-输入姓名年龄案例
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 1. 请输入姓名
+    let name = prompt('请输入姓名')
+    // 2. 请输入年龄
+    let age = prompt('请输入年龄')
+    // 3. 请输入性别
+    let gender = prompt('请输入性别')
+    // 4. 在网页中输出，刚才输入的三个内容
+    document.write(name,age,gender)
+  </script>
+</body>
+
+</html>
+```
+
+
+
+#### 12-let和var的区别
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // var 允许重复声明同一变量
+    var var1 = 10
+    var var1 = 20
+    // let 不允许重复声明同一变量
+    let var2 = 10
+    // let var2 = 20
+  </script>
+</body>
+
+</html>
+```
+
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/00.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/00.html"
new file mode 100644
index 0000000000000000000000000000000000000000..fae2ae41a0ec5b5410a066c4b5ade70838b80b7d
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/00.html"	
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <!-- 内部嵌入式 -->
+     <script>
+        // alert('今天星期四')
+     </script>
+     <!-- 外链式 -->
+     <script src="js/test.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/01-\344\275\223\351\252\214js.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/01-\344\275\223\351\252\214js.html"
new file mode 100644
index 0000000000000000000000000000000000000000..33d0b760a26ad1159acae565bd107fbd323bfac8
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/01-\344\275\223\351\252\214js.html"	
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>体验JS</title>
+  <style>
+    .pink {
+      background-color: pink;
+    }
+  </style>
+</head>
+
+<body>
+  
+  <button id="changeColorBtn">更换背景颜色</button>
+
+  <script>
+      const colors = ['#FF5733', '#33FF57', '#3357FF', '#F1C40F', '#8E44AD','#333'];
+      const button = document.getElementById('changeColorBtn');
+
+      button.addEventListener('click', () => {
+          document.body.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
+      });
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/02-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\206\205\351\203\250.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/02-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\206\205\351\203\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..6dfc0af368ca538e6d7ee1d0a377d02962667fb3
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/02-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\206\205\351\203\250.html"	
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <!-- 内部js  // 页面弹出警示框-->
+  <script>
+    alert('内部JS弹出警示框')
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/03-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\244\226\351\203\250.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/03-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\244\226\351\203\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..49b3130f6eb4af1ce8aea768905d8da695bbb4d4
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/03-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\244\226\351\203\250.html"	
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <!-- 外链方式引入 -->
+  <script src="js/test.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/04-js\344\271\246\345\206\231\344\275\215\347\275\256-\350\241\214\345\206\205.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/04-js\344\271\246\345\206\231\344\275\215\347\275\256-\350\241\214\345\206\205.html"
new file mode 100644
index 0000000000000000000000000000000000000000..281e760a6f197f851a8cedb23b86a93273a7b3f2
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/04-js\344\271\246\345\206\231\344\275\215\347\275\256-\350\241\214\345\206\205.html"	
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <!-- 行内方式写js -->
+  <a href="#" onclick="alert('行内方式写js')">行内方式写js</a>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/05-\347\273\223\346\235\237\347\254\246\344\270\216\346\263\250\351\207\212.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/05-\347\273\223\346\235\237\347\254\246\344\270\216\346\263\250\351\207\212.html"
new file mode 100644
index 0000000000000000000000000000000000000000..deae86daceacbf87be7ccd2e923bed9c08773396
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/05-\347\273\223\346\235\237\347\254\246\344\270\216\346\263\250\351\207\212.html"	
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <!-- 一般以;号结束，但也可以不写，改用回车符表示 -->
+  <script>
+    document.write('test');
+    document.write('test')
+  </script>
+  <!-- 单行与多行注释 -->
+  <script>
+    // 单行注释
+    /*
+      多
+      行
+      注
+      释 
+    */
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/06-\350\276\223\345\205\245\345\222\214\350\276\223\345\207\272\350\257\255\346\263\225.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/06-\350\276\223\345\205\245\345\222\214\350\276\223\345\207\272\350\257\255\346\263\225.html"
new file mode 100644
index 0000000000000000000000000000000000000000..64d4a55bf70b10d5c22a4360313619f044e52e8f
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/06-\350\276\223\345\205\245\345\222\214\350\276\223\345\207\272\350\257\255\346\263\225.html"	
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+
+  <script>
+    // 1. 文档输出内容,比如输出标题和段落,
+    document.write('<h1>Title</h1>')
+    document.write('<p>段落</p>')
+    // 2. 在控制台打印输出 日志 给 程序员
+    console.log('日志')
+    // 3. 输入语句
+    prompt('哥们输入点东西吧!')
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/07-\345\217\230\351\207\217\347\232\204\344\275\277\347\224\250\344\270\216\346\233\264\346\226\260.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/07-\345\217\230\351\207\217\347\232\204\344\275\277\347\224\250\344\270\216\346\233\264\346\226\260.html"
new file mode 100644
index 0000000000000000000000000000000000000000..85a105d1803f7119f1d4f4f2edb87912199e24c6
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/07-\345\217\230\351\207\217\347\232\204\344\275\277\347\224\250\344\270\216\346\233\264\346\226\260.html"	
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 1. 先声明，再赋值
+    let var1;
+    var1 = 100;
+    // 2  声明的同时直接赋值  完成变量的初始化
+    let var2 = 200;
+    // 3.1 同时声明多个变量，打印多个变量的值  
+    let var3 = 300, var4 = 400;
+    // 3.2 提倡声明的方式，分开
+    let var5 = 500
+    let var6 = 600
+    // 4. 变量值的更新
+    let var7 = 700
+    var7 = 70
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/08-\350\276\223\345\205\245\347\224\250\346\210\267\345\220\215\346\241\210\344\276\213.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/08-\350\276\223\345\205\245\347\224\250\346\210\267\345\220\215\346\241\210\344\276\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..06df978c3654af4f11a2f6cffd01fb720233bf61
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/08-\350\276\223\345\205\245\347\224\250\346\210\267\345\220\215\346\241\210\344\276\213.html"	
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 输出用户名案例,让用户输入自己的姓名XXX，控制台输出“你好XXX”
+    // 1. 用户输入
+    let input = prompt('请输入姓名')
+    // 2. 内部处理保存数据
+    let name = input
+    // 3. 打印输出
+    console.log(`你好${name}`)
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/09-\344\272\244\346\215\2422\344\270\252\345\217\230\351\207\217.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/09-\344\272\244\346\215\2422\344\270\252\345\217\230\351\207\217.html"
new file mode 100644
index 0000000000000000000000000000000000000000..6be74c1341de9c00977051a7fbc897674264c32a
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/09-\344\272\244\346\215\2422\344\270\252\345\217\230\351\207\217.html"	
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 交换两个变量的值
+
+    // 假定有,name1 丘丘 name2 胡哥 =》 name1：胡哥 name2：丘丘
+    let name1 = '丘丘';
+    let name2 = '胡哥';
+    console.log(name1, name2);
+
+    // 开始交换
+    let temp = name1
+    name1 = name2
+    name2 = temp
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/10-\345\217\230\351\207\217\347\232\204\345\221\275\345\220\215\350\247\204\350\214\203.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/10-\345\217\230\351\207\217\347\232\204\345\221\275\345\220\215\350\247\204\350\214\203.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1933f41a82810c7684aabbf9f8dc21dca00935b6
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/10-\345\217\230\351\207\217\347\232\204\345\221\275\345\220\215\350\247\204\350\214\203.html"	
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 以下声明变量的方式哪些是对的，哪些是错的
+    //  let if = 10
+    let num1$_ = 11
+    // let nav-bar = 11
+    // let 1num = 10
+    let $_666 = 666;
+    let _11 = 120;
+    let age = 10;
+    let Age = 20;
+    console.log(age,Age)
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/11-\350\276\223\345\205\245\345\247\223\345\220\215\345\271\264\351\276\204\346\241\210\344\276\213.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/11-\350\276\223\345\205\245\345\247\223\345\220\215\345\271\264\351\276\204\346\241\210\344\276\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d61a7c3fa5b14675d04a44a74d7029a5abba6669
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/11-\350\276\223\345\205\245\345\247\223\345\220\215\345\271\264\351\276\204\346\241\210\344\276\213.html"	
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 1. 请输入姓名
+    let name = prompt('请输入姓名')
+    // 2. 请输入年龄
+    let age = prompt('请输入年龄')
+    // 3. 请输入性别
+    let gender = prompt('请输入性别')
+    // 4. 在网页中输出，刚才输入的三个内容
+    document.write(name,age,gender)
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/12-let\345\222\214var\347\232\204\345\214\272\345\210\253.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/12-let\345\222\214var\347\232\204\345\214\272\345\210\253.html"
new file mode 100644
index 0000000000000000000000000000000000000000..86a9abb70986fa422313611413703b5256971e46
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/12-let\345\222\214var\347\232\204\345\214\272\345\210\253.html"	
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // var 允许重复声明同一变量
+    var var1 = 10
+    var var1 = 20
+    // let 不允许重复声明同一变量
+    let var2 = 10
+    // let var2 = 20
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/13-\344\275\223\351\252\214\346\225\260\347\273\204.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/13-\344\275\223\351\252\214\346\225\260\347\273\204.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d87f7a483b11ffe0d5a594c03d20b08033d83fa8
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/13-\344\275\223\351\252\214\346\225\260\347\273\204.html"	
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // let arr = [10, 20, 30]
+    // 1. 声明数组 有序 
+    let arr = ['刘德华', '张学友', '黎明', '郭富城', 'pink老师', 10]
+    // 2. 使用数组  数组名[索引号] 从0
+    // console.log(arr)
+    console.log(arr[0]) // 刘德华
+    console.log(arr[4])
+    // 3. 数组长度 =  索引号 + 1 
+    console.log(arr.length)  // 6
+
+    // let 刘德华 = 10
+    // console.log(刘德华)
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/14-\345\270\270\351\207\217.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/14-\345\270\270\351\207\217.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e21a9081c5f047011dbbb855bd4eff80f25db648
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/14-\345\270\270\351\207\217.html"	
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 1.常量 不允许更改值
+    // const PI = 3.14
+    // console.log(PI)
+    // PI = 3.15
+    // console.log(PI)
+    // 2. 常量声明的时候必须赋值
+    // const PI ;
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/15-\346\225\260\345\200\274\347\261\273\345\236\213.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/15-\346\225\260\345\200\274\347\261\273\345\236\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5b016c5e801fedd330a8b4f12e0d0a80531e0035
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/15-\346\225\260\345\200\274\347\261\273\345\236\213.html"	
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+  // 数值类型：number
+   // 检测 1 是什么类型数据，结果为 number
+   document.write(1,'是',typeof 1)
+   document.write('a','是',typeof "a")
+
+
+    // let num1 = 100 // 正整数
+    // let num2 = 12.345 // 小数
+    // let num3 = -40 // 负数
+
+    console.log('num1');
+  
+    
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/16-\350\256\241\347\256\227\345\234\206\347\232\204\351\235\242\347\247\257.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/16-\350\256\241\347\256\227\345\234\206\347\232\204\351\235\242\347\247\257.html"
new file mode 100644
index 0000000000000000000000000000000000000000..79a8bdcecb1321feb06df33e8bd3f4f74fb5e872
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/16-\350\256\241\347\256\227\345\234\206\347\232\204\351\235\242\347\247\257.html"	
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 1. 页面弹出输入框
+    let r = prompt('请输入圆的半径：')
+    // 2. 计算圆的面积（内部处理）
+    let re = 3.14 * r * r
+    // 3. 页面输出
+    document.write(re)
+
+    // NaN   not a number 
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/17-\345\255\227\347\254\246\344\270\262\347\261\273\345\236\213.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/17-\345\255\227\347\254\246\344\270\262\347\261\273\345\236\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..da8d152bfa630464aa3858ac745de0b6e3ac6d10
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/17-\345\255\227\347\254\246\344\270\262\347\261\273\345\236\213.html"	
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // let str = '丘丘'
+    // let str1 = "丘丘"
+    // let str2 = `中文`
+    // console.log(str2)
+    // console.log(11)
+    // console.log(`11`)
+    // console.log(str)
+    // console.log('str')
+    // console.log('丘丘老师讲课非常有"基情"')
+    // console.log("丘丘老师讲课非常有'基情'")
+    // console.log('丘丘老师讲课非常有\'基情\'')
+    // 字符串拼接
+    // console.log(1 + 1)
+    // console.log('丘丘' + '老师')
+
+    let age = 25
+
+    // document.write('我今年' + 19)
+    // document.write('我今年' + age)
+    // document.write('我今年' + age + '岁了')
+    document.write('我今年' + age + '岁了')
+
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/18-\346\250\241\346\235\277\345\255\227\347\254\246\344\270\262.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/18-\346\250\241\346\235\277\345\255\227\347\254\246\344\270\262.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5dc2178f98f2f293657a33f0ffd3d277a422945d
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/18-\346\250\241\346\235\277\345\255\227\347\254\246\344\270\262.html"	
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    let uname = '丘丘';
+    let age = 98;
+    // 模板字符串 外面用`` 里面 ${变量名}
+    // 用 模板字符串输出  大家好，我叫丘丘， 我今年贵庚98岁了
+       
+    // 输出
+   document.write(`大家好，我叫${uname}， 我今年贵庚${age}岁了`)
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/19-\345\205\266\344\273\226\344\270\211\347\247\215\347\261\273\345\236\213.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/19-\345\205\266\344\273\226\344\270\211\347\247\215\347\261\273\345\236\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..eb989fb324c0c3f8bb256a5f476bfeaf86229b1c
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/19-\345\205\266\344\273\226\344\270\211\347\247\215\347\261\273\345\236\213.html"	
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 1. true  false 是布尔型字面量  
+    // console.log(3 > 4)
+    // let isCool = false
+    // console.log(isCool)
+    // 2. 未定义类型   弱数据类型   声明一个变量未赋值就是 undefined
+    // let num
+    // console.log(num)
+    // 3. null 空的
+    // let obj = null
+    // console.log(obj)
+    // 计算有区别
+    console.log(undefined + 1)  // NaN
+    console.log(null + 1) // 1
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/20-\346\243\200\346\265\213\346\225\260\346\215\256\347\261\273\345\236\213.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/20-\346\243\200\346\265\213\346\225\260\346\215\256\347\261\273\345\236\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..79eb438187593d49bf42b4770b3d83a74db88375
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/20-\346\243\200\346\265\213\346\225\260\346\215\256\347\261\273\345\236\213.html"	
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    let num = 10
+    console.log(typeof num)
+    let str = 'qq'
+    console.log(typeof str)
+    let str1 = '10'
+    console.log(typeof str1)
+    let flag = false
+    console.log(typeof flag)
+    let un
+    console.log(typeof (un))
+    let obj = null
+    console.log(typeof obj)
+
+
+    let num1 = prompt('请输入第一个数：')
+    console.log(typeof num1)
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/21-\351\232\220\345\274\217\350\275\254\346\215\242.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/21-\351\232\220\345\274\217\350\275\254\346\215\242.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4ce6c8739e83f84d002fddb916893c62053db19b
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/21-\351\232\220\345\274\217\350\275\254\346\215\242.html"	
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    console.log(1 + 1)
+    console.log('pink' + 1)
+    console.log(2 + 2)
+    console.log(2 + '2') // 
+    console.log(2 - 2)
+    console.log(2 - '2')  // 
+    console.log(+12)
+    console.log(+'123')  // 
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/22-\346\230\276\347\244\272\350\275\254\346\215\242.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/22-\346\230\276\347\244\272\350\275\254\346\215\242.html"
new file mode 100644
index 0000000000000000000000000000000000000000..698a70c9fc7fce45109fcf061ac82774c62908df
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/22-\346\230\276\347\244\272\350\275\254\346\215\242.html"	
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <style>
+    .box {
+      width: 50px;
+      height: 50px;
+    }
+  </style>
+</head>
+
+<body>
+  <script>
+    let str = '123'
+    console.log(Number(str))
+    console.log(Number('qq'))
+    // let num = Number(prompt('输入年薪'))
+    // let num = +prompt('输入年薪')
+    // console.log(Number(num))
+    // console.log(num)
+    console.log(parseInt('12px'))
+    console.log(parseInt('12.34px'))
+    console.log(parseInt('12.94px'))
+    console.log(parseInt('abc12.94px'))
+
+    // -------------------
+    console.log(parseFloat('12px')) // 12
+    console.log(parseFloat('12.34px')) // 12.34
+    console.log(parseFloat('12.94px')) // 12.94
+    console.log(parseFloat('abc12.94px')) // 12.94
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/23-\346\261\202\345\222\214\346\241\210\344\276\213.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/23-\346\261\202\345\222\214\346\241\210\344\276\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..82de90528986226fe783b25de6a07496216e2586
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/23-\346\261\202\345\222\214\346\241\210\344\276\213.html"	
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 1. 用户输入   prompt 得到是字符串类型 要转换为 数字型
+    
+    // 2. 输出
+    alert(`两个数相加的和是:${num1 + num2}`)
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/24-\347\273\274\345\220\210\346\241\210\344\276\213.html" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/24-\347\273\274\345\220\210\346\241\210\344\276\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..39d7dfe46d6fe3a9833ae6faab3ad461c6a9654a
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/24-\347\273\274\345\220\210\346\241\210\344\276\213.html"	
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <style>
+    h2 {
+      text-align: center;
+    }
+
+    table {
+      /* 合并相邻边框 */
+      border-collapse: collapse;
+      height: 80px;
+      margin: 0 auto;
+      text-align: center;
+    }
+
+    th {
+      padding: 5px 30px;
+    }
+
+    table,
+    th,
+    td {
+      border: 1px solid #000;
+    }
+  </style>
+</head>
+
+<body>
+  <h2>订单确认</h2>
+
+
+  <script>
+    // 1 用户输入
+    let price = +prompt('请输入商品价格：')
+    let num = +prompt('请输入商品数量：')
+    let address = prompt('请输入收获地址：')
+    // 2.计算总额
+    let total = price * num
+    // 3.页面打印渲染
+    document.write(`
+      <table>
+          <tr>
+            <th>商品名称</th>
+            <th>商品价格</th>
+            <th>商品数量</th>
+            <th>总价</th>
+            <th>收货地址</th>
+          </tr>
+          <tr>
+            <td>小米青春版PLUS</td>
+            <td>${price}元</td>
+            <td>${num}</td>
+            <td>${total}元</td>
+            <td>${address}</td>
+          </tr>
+        </table>
+    `)
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/js/my.js" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/js/my.js"
new file mode 100644
index 0000000000000000000000000000000000000000..ccdc928def075d3a747fb94c76f06c750f4ca2f6
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/js/my.js"	
@@ -0,0 +1 @@
+document.write(666)
\ No newline at end of file
diff --git "a/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/js/test.js" "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/js/test.js"
new file mode 100644
index 0000000000000000000000000000000000000000..eebe3ba3b115d19aa15d32d7d134beb5925248bd
--- /dev/null
+++ "b/14 \346\210\264\345\244\251\346\210\220/Codes/20241024/js/test.js"	
@@ -0,0 +1 @@
+alert(5201314)
\ No newline at end of file
