diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/01\350\257\276\345\240\202\346\225\231\345\255\246\347\254\224\350\256\260.md" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/01\350\257\276\345\240\202\346\225\231\345\255\246\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..6f92cce962709fa5457b68bc02153c2d97c2da34
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/01\350\257\276\345\240\202\346\225\231\345\255\246\347\254\224\350\256\260.md"
@@ -0,0 +1,567 @@
+# 第一章，与君初相见
+## 第一节
+### JavaScript 简介
+
+1. JavaScript 是什么：
+
+   JavaScript 是一种运行在浏览器的脚本编程语言。它不需要编译，可直接在浏览器上运行。
+
+2. JavaScript 由什么组成：
+
+   ECMAScript （基础语法）和 Web APIs （DOM、BOM）。
+  
+   - ECMAScript:
+    规定了js基础语法核心知识。
+        - 比如：变量、分支语句、循环语句、对象等等
+   - Web APIs :
+        - DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作
+        - BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等
+
+
+<a href='案例演示/01-体验js.html'>感受一下</a>
+
+
+### JavaScript 书写位置
+
+
+
+JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。通过 `script` 标签将 JavaScript 代码引入到 HTML 中，有三种方式：
+
+#### 1.内部方式
+
+通过 `script` 标签包裹 JavaScript 代码
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 内部引入方式</title>
+</head>
+<body>
+  <!-- 内联形式：通过 script 标签包裹 JavaScript 代码 -->
+  <script>
+    alert('前端技术！')
+  </script>
+</body>
+</html>
+```
+
+#### 2.外部方式
+
+一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过 `script` 标签的 `src` 属性引入
+
+```javascript
+// demo.js
+document.write('前端技术！')
+```
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 外部引入方式</title>
+</head>
+<body>
+  <!-- 外部形式：通过 script 的 src 属性引入独立的 .js 文件 -->
+  <script src="demo.js"></script>
+</body>
+</html>
+```
+
+如果 script 标签使用 src 属性引入了某 .js 文件，那么 标签的代码会被忽略！！！如下代码所示：
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 外部引入方式</title>
+</head>
+<body>
+  <!-- 外部形式：通过 script 的 src 属性引入独立的 .js 文件 -->
+  <script src="demo.js">
+    // 此处的代码会被忽略掉！！！！
+  	alert(666);  
+  </script>
+</body>
+</html>
+```
+#### 3.行内方式
+
+在HTML文档中可以在`<a>`标签、`<input>`标签中使用JavaScript脚本作为它们的属性值。 
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 行内引入方式</title>
+</head>
+<body>
+  <!-- 行内：直接写在HTML标签内部 -->
+ <a href="javascript:alert('你好JavaScript')">测试</a>
+ <input type="button" value="测试" onclick="alert('你好JavaScript ')" />
+</body>
+</html>
+```
+
+
+###  注释和结束符
+
+通过注释可以屏蔽代码被执行或者添加备注信息，JavaScript 支持两种形式注释语法：
+
+#### 单行注释
+
+使用 `// ` 注释单行代码
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 注释</title>
+</head>
+<body>
+  
+  <script>
+    // 这种是单行注释的语法
+    // 一次只能注释一行
+    // 可以重复注释
+    document.write('嗨，欢迎来到快乐星球！');
+  </script>
+</body>
+</html>
+```
+
+#### 多行注释
+
+使用 `/* */` 注释多行代码
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 注释</title>
+</head>
+<body>
+  
+  <script>
+    /* 这种的是多行注释的语法 */
+    /*
+    	更常见的多行注释是这种写法
+    	在些可以任意换行
+    	多少行都可以
+      */
+    document.write('嗨，欢迎来到快乐星球！')
+  </script>
+</body>
+</html>
+```
+
+**注：编辑器中单行注释的快捷键为 `ctrl + /`、多行注释快捷键为`alt + shift + a`**
+
+### 结束符
+
+在 JavaScript 中 `;` 代表一段代码的结束，多数情况下可以省略 `;` 使用回车（enter）替代。
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 结束符</title>
+</head>
+<body>
+  
+  <script> 
+    alert(1);
+    alert(2);
+    alert(1)
+    alert(2)
+  </script>
+</body>
+</html>
+```
+
+> 对于初学者，建议以;号来结束代码；
+
+### 文档输出内容
+
+1. 向 `body` 内输出内容
+
+   ```js
+   // 输出一段文字内容
+   document.write("我是 JS 输出的内容");
+
+   // 输出一个一级标签
+   document.write("<h1>我是一个一级标签</h1>");
+   ```
+
+2. 网页弹出警示框
+
+   ```js
+   alert("网页弹窗");
+   ```
+
+3. 向控制台输出内容，常用于调试
+
+   ```js
+   console.log("控制台输出内容");
+   ```
+
+### 输入语法
+
+显示对话框，对话框内包含一段文字信息，用来提示用户输入内容
+
+```js
+prompt("请输入一段内容");
+```
+
+### 代码执行顺序
+
+1. 按照 HTML 文档流顺序执行 JavaScript 代码
+2. `alert()` 和 `prompt()` 会跳过页面渲染先被执行
+
+
+定义：计算机用于**存储数据**的**容器**，可以让计算机有记忆。_（注意：变量不是数据本身，它们仅仅是一个用于存储数值的容器）_
+
+### 变量的基本使用
+
+#### 1.声明变量
+
+语法：
+
+```js
+let 变量名;
+let 变量名 = 值,
+  变量名 = 值;
+```
+
+1. 声明变量有两部分构成：声明关键字、变量名
+
+2. `let` 即关键字，所谓关键字是系统提供的专门声明变量的词语
+
+   ```js
+   let age;
+   let money;
+   let text;
+
+   let num1 = 20,
+     num2 = 30;
+   ```
+
+#### 2.变量赋值
+
+语法：
+
+```js
+// 声明变量
+let age;
+
+// 进行赋值
+age = 18;
+
+// 声明同时并赋值（变量的初始化）
+let num = 20;
+```
+
+#### 3.更新变量
+
+语法：
+
+```js
+// 变量初始化
+let age = 18;
+
+// 更新变量
+age = 19;
+```
+
+### 变量的其他初始化（不推荐使用）
+
+```js
+let name = prompt("请输入姓名");
+```
+
+### 变量的本质
+
+1. 内存：计算机中存储数据的地方，相当于一个空间
+2. 变量：程序在内存中申请的一块用于存放数据的小空间
+
+### 变量的命名规则与规范
+
+#### 规则
+
+1. JavaScript 内部已占用于单词（关键字或保留字）不允许使用
+2. 只能由下划线 `_` 、字母、数字、 `$` 组成，且不可以以数字开头
+3. 字母严格**区分大小写**,如 Age 和 age 是不同的变量
+
+#### 规范
+
+1. 尽量保证变量具有一定的语义，见字知义
+
+2. 遵守小驼峰命名法：即第一个单词首字母小写，后面每个单词首字母大写
+
+   例： `userName` `userId` `userNameOld`
+
+
+### 关键字
+
+JavaScript 使用专门的关键字 `let` 和 `var` 来声明（定义）变量，在使用时需要注意一些细节：
+
+以下是使用 `let` 时的注意事项：
+
+1. 允许声明和赋值同时进行
+2. 不允许重复声明
+3. 允许同时声明多个变量并赋值
+4. JavaScript 中内置的一些关键字不能被当做变量名
+
+以下是使用 `var` 时的注意事项：
+
+2. 允许声明和赋值同时进行
+2. 允许重复声明
+3. 允许同时声明多个变量并赋值
+
+大部分情况使用 `let` 和 `var` 区别不大，但是 `let` 相较 `var` 更严谨，因此推荐使用 `let`，后期会更进一步介绍二者间的区别。
+
+
+
+## 常量
+
+概念：使用 const 声明的变量称为“常量”。
+
+使用场景：当某个变量永远不会改变的时候，就可以使用 const 来声明，而不是let。
+
+命名规范：和变量一致
+
+~~~javascript
+const PI = 3.14
+~~~
+
+>注意： 常量不允许重新赋值,声明的时候必须赋值（初始化）
+
+## 数据类型
+
+> 计算机世界中的万事万物都是数据。
+
+计算机程序可以处理大量的数据，为了方便数据的管理，将数据分成了不同的类型：
+
+JavaScript的数据类型有数值，字符串，布尔，
+
+
+注：通过 typeof 关键字检测数据类型
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 数据类型</title>
+</head>
+<body>
+  
+  <script> 
+    // 检测 1 是什么类型数据，结果为 number
+    document.write(typeof 1)
+  </script>
+</body>
+</html>
+```
+
+### 数值类型 number
+
+即我们数学中学习到的数字，可以是整数、小数、正数、负数
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 数据类型</title>
+</head>
+<body>
+  
+  <script> 
+    let score = 100 // 正整数
+    let price = 12.345 // 小数
+    let temperature = -40 // 负数
+
+    document.write(typeof score) // 结果为 number
+    document.write(typeof price) // 结果为 number
+    document.write(typeof temperature) // 结果为 number
+  </script>
+</body>
+</html>
+```
+
+JavaScript 中的数值类型与数学中的数字是一样的，分为正数、负数、小数等。
+
+### 字符串类型 string
+
+通过单引号（ `''`） 、双引号（ `""`）或反引号`包裹的数据都叫字符串，单引号和双引号没有本质上的区别，推荐使用单引号。
+> `反引号标记的字符串，叫模板字符串
+
+注意事项：
+
+1. 无论单引号或是双引号必须成对使用
+2. 单引号/双引号可以互相嵌套，但是不以自已嵌套自已
+3. 必要时可以使用转义符 `\`，输出单引号或双引号
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 数据类型</title>
+</head>
+<body>
+  
+  <script> 
+    let user_name = '小明' // 使用单引号
+    let gender = "男" // 使用双引号
+    let str = '123' // 看上去是数字，但是用引号包裹了就成了字符串了
+    let str1 = '' // 这种情况叫空字符串
+		
+    documeent.write(typeof user_name) // 结果为 string
+    documeent.write(typeof gender) // 结果为 string
+    documeent.write(typeof str) // 结果为 string
+  </script>
+</body>
+</html>
+```
+
+### 布尔类型
+
+表示肯定或否定时在计算机中对应的是布尔类型数据，它有两个固定的值 `true` 和 `false`，表示肯定的数据用 `true`，表示否定的数据用 `false`。
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 数据类型</title>
+</head>
+<body>
+  
+  <script> 
+    //  老师帅不帅？回答 是 或 否
+    let isCool = true // 是的，摔死了！
+    isCool = false // 不，套马杆的汉子！
+
+    document.write(typeof isCool) // 结果为 boolean
+  </script>
+</body>
+</html>
+```
+
+### undefined
+
+未定义是比较特殊的类型，只有一个值 undefined，只声明变量，不赋值的情况下，变量的默认值为 undefined，一般很少【直接】为某个变量赋值为 undefined。
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 数据类型</title>
+</head>
+<body>
+  
+  <script> 
+    // 只声明了变量，并末赋值
+    let tmp;
+    document.write(typeof tmp) // 结果为 undefined
+  </script>
+</body>
+</html>
+```
+
+**注：JavaScript 中变量的值决定了变量的数据类型。**
+
+## 类型转换
+
+> 理解弱类型语言的特征，掌握显式类型转换的方法
+
+在 JavaScript 中数据被分成了不同的类型，如数值、字符串、布尔值、undefined，在实际编程的过程中，不同数据类型之间存在着转换的关系。
+
+### 隐式转换
+
+某些运算符被执行时，系统内部自动将数据类型进行转换，这种转换称为隐式转换。
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 隐式转换</title>
+</head>
+<body>
+  <script> 
+    let num = 13 // 数值
+    let num2 = '2' // 字符串
+
+    console.log(num + num2)
+    // 结果为 132
+    // 原因是将数值 num 转换成了字符串，相当于 '13'
+    // 然后 + 将两个字符串拼接到了一起
+   
+    console.log(num - num2)
+    // 结果为 11
+    // 原因是将字符串 num2 转换成了数值，相当于 2
+    // 然后数值 13 减去 数值 2
+    
+
+    let a = prompt('请输入一个数字')
+    let b = prompt('请再输入一个数字')
+
+    alert(a + b);
+  </script>
+</body>
+</html>
+```
+
+注：数据类型的隐式转换是 JavaScript 的特征，后续学习中还会遇到，目前先需要理解什么是隐式转换。
+
+**模板字符串用`s{}`实现变量与字符串的拼接
+
+### 显式转换
+
+编写程序时过度依靠系统内部的隐式转换是不严禁的，因为隐式转换规律并不清晰，大多是靠经验总结的规律。为了避免因隐式转换带来的问题，通常根逻辑需要对数据进行显示转换。
+
+#### Number
+
+通过 `Number` 显示转换成数值类型，当转换失败时结果为 `NaN`（Not a Number）即不是一个数字。
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>JavaScript 基础 - 隐式转换</title>
+</head>
+<body>
+  <script>
+    let num = 13 // 数值
+    let num2 = '2' // 字符串
+
+    console.log(num + Number(num2))
+    // 结果为 15
+    // 原因是将字符串 num2 转换成了数值，相当于2
+    // 然后 + 将两个数值相加
+
+    
+
+    // 并不是所有的值都可以被转成数值类型
+    let str = 'hello'
+    // 将 hello 转成数值是不现实的，当无法转换成
+    // 数值时，得到的结果为 NaN （Not a Number）
+    console.log(Number(str))
+  </script>
+</body>
+</html>
+```
+
+
+
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/.idea/.gitignore" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/.idea/.gitignore"
new file mode 100644
index 0000000000000000000000000000000000000000..35410cacdc5e87f985c93a96520f5e11a5c822e4
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/.idea/.gitignore"	
@@ -0,0 +1,8 @@
+# 默认忽略的文件
+/shelf/
+/workspace.xml
+# 基于编辑器的 HTTP 客户端请求
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/.idea/misc.xml" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/.idea/misc.xml"
new file mode 100644
index 0000000000000000000000000000000000000000..639900d13c6182e452e33a3bd638e70a0146c785
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/.idea/misc.xml"	
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/.idea/modules.xml" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/.idea/modules.xml"
new file mode 100644
index 0000000000000000000000000000000000000000..453993f27a9f567c73ca93630655d572a3621b73
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/.idea/modules.xml"	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/案例演示 - 练习.iml" filepath="$PROJECT_DIR$/.idea/案例演示 - 练习.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/.idea/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240.iml" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/.idea/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240.iml"
new file mode 100644
index 0000000000000000000000000000000000000000..d6ebd4805981b8400db3e3291c74a743fef9a824
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/.idea/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240.iml"	
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/00.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/00.html"
new file mode 100644
index 0000000000000000000000000000000000000000..fae2ae41a0ec5b5410a066c4b5ade70838b80b7d
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/01-\344\275\223\351\252\214js.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/01-\344\275\223\351\252\214js.html"
new file mode 100644
index 0000000000000000000000000000000000000000..33d0b760a26ad1159acae565bd107fbd323bfac8
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/02-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\206\205\351\203\250.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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..8ddb2fbe4978d90a6541384473bd885e14c0cbfe
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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('晚安')
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/03-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\244\226\351\203\250.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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..1aba0418c675af61ab7a5c76a29f1c4049cbd555
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/03-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\244\226\351\203\250.html"	
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:javascrip="http://www.w3.org/1999/xhtml">
+
+<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("晚安") </script>
+
+
+  <!-- 行内方式写js -->
+
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/04-js\344\271\246\345\206\231\344\275\215\347\275\256-\350\241\214\345\206\205.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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..1a413922d242533dba551f3b3b607808516edce2
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/04-js\344\271\246\345\206\231\344\275\215\347\275\256-\350\241\214\345\206\205.html"	
@@ -0,0 +1,17 @@
+<!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 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/05-\347\273\223\346\235\237\347\254\246\344\270\216\346\263\250\351\207\212.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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..d6c47d420d67ff7f90dffa694bdbb7d41f6ef32b
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/05-\347\273\223\346\235\237\347\254\246\344\270\216\346\263\250\351\207\212.html"	
@@ -0,0 +1,19 @@
+<!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>
+  <!-- 一般以;号结束，但也可以不写，改用回车符表示 -->
+
+
+  <!-- 单行与多行注释 -->
+   
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/06-\350\276\223\345\205\245\345\222\214\350\276\223\345\207\272\350\257\255\346\263\225.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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..8ade6a3884ae1ca6ab80edee300bdaa52c47522d
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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. 文档输出内容,比如输出标题和段落,
+    
+    // 2. 在控制台打印输出 日志 给 程序员
+    
+    // 3. 输入语句
+   
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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..16759b76c73e2484d4f90df668e36a77548586d8
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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. 先声明，再赋值
+   
+    // 2  声明的同时直接赋值  完成变量的初始化
+    
+    // 3.1 同时声明多个变量，打印多个变量的值  
+  
+    // 3.2 提倡声明的方式，分开
+    
+
+    // 4. 变量值的更新
+    
+    
+    
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/08-\350\276\223\345\205\245\347\224\250\346\210\267\345\220\215\346\241\210\344\276\213.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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..0bbd9d727ee042ce820174839746916944c26cd2
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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. 用户输入
+    
+    // 2. 内部处理保存数据
+    
+    // 3. 打印输出
+    
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/09-\344\272\244\346\215\2422\344\270\252\345\217\230\351\207\217.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/09-\344\272\244\346\215\2422\344\270\252\345\217\230\351\207\217.html"
new file mode 100644
index 0000000000000000000000000000000000000000..49a8d1d233727164775a6bac427f0ce63a254faa
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/09-\344\272\244\346\215\2422\344\270\252\345\217\230\351\207\217.html"	
@@ -0,0 +1,27 @@
+<!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);
+  
+    // 开始交换
+   
+
+   
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/10-\345\217\230\351\207\217\347\232\204\345\221\275\345\220\215\350\247\204\350\214\203.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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..11bb66048e435ecddef57be597cfd511b5cf510b
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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..f1b78001f32a38e47c827c2dfbf52e0c4979c494
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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,21 @@
+<!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. 请输入姓名
+    // 2. 请输入年龄
+    // 3. 请输入性别
+    // 4. 在网页中输出，刚才输入的三个内容
+   
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/12-let\345\222\214var\347\232\204\345\214\272\345\210\253.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/12-let\345\222\214var\347\232\204\345\214\272\345\210\253.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9555257e12001010efd2abcedc4f6bddb977db5d
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/12-let\345\222\214var\347\232\204\345\214\272\345\210\253.html"	
@@ -0,0 +1,19 @@
+<!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 允许重复声明同一变量
+
+    // let 不允许重复声明同一变量
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/13-\344\275\223\351\252\214\346\225\260\347\273\204.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/13-\344\275\223\351\252\214\346\225\260\347\273\204.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d87f7a483b11ffe0d5a594c03d20b08033d83fa8
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/14-\345\270\270\351\207\217.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/14-\345\270\270\351\207\217.html"
new file mode 100644
index 0000000000000000000000000000000000000000..e21a9081c5f047011dbbb855bd4eff80f25db648
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/15-\346\225\260\345\200\274\347\261\273\345\236\213.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/15-\346\225\260\345\200\274\347\261\273\345\236\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5b016c5e801fedd330a8b4f12e0d0a80531e0035
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/16-\350\256\241\347\256\227\345\234\206\347\232\204\351\235\242\347\247\257.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/17-\345\255\227\347\254\246\344\270\262\347\261\273\345\236\213.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/18-\346\250\241\346\235\277\345\255\227\347\254\246\344\270\262.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/19-\345\205\266\344\273\226\344\270\211\347\247\215\347\261\273\345\236\213.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/20-\346\243\200\346\265\213\346\225\260\346\215\256\347\261\273\345\236\213.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/21-\351\232\220\345\274\217\350\275\254\346\215\242.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/21-\351\232\220\345\274\217\350\275\254\346\215\242.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4ce6c8739e83f84d002fddb916893c62053db19b
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/22-\346\230\276\347\244\272\350\275\254\346\215\242.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/22-\346\230\276\347\244\272\350\275\254\346\215\242.html"
new file mode 100644
index 0000000000000000000000000000000000000000..698a70c9fc7fce45109fcf061ac82774c62908df
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/23-\346\261\202\345\222\214\346\241\210\344\276\213.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/23-\346\261\202\345\222\214\346\241\210\344\276\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..82de90528986226fe783b25de6a07496216e2586
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/24-\347\273\274\345\220\210\346\241\210\344\276\213.html" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/24-\347\273\274\345\220\210\346\241\210\344\276\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..39d7dfe46d6fe3a9833ae6faab3ad461c6a9654a
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/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/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/js/my.js" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/js/my.js"
new file mode 100644
index 0000000000000000000000000000000000000000..ccdc928def075d3a747fb94c76f06c750f4ca2f6
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/js/my.js"	
@@ -0,0 +1 @@
+document.write(666)
\ No newline at end of file
diff --git "a/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/js/test.js" "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/js/test.js"
new file mode 100644
index 0000000000000000000000000000000000000000..eebe3ba3b115d19aa15d32d7d134beb5925248bd
--- /dev/null
+++ "b/20241024JavaScript\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/js/test.js"	
@@ -0,0 +1 @@
+alert(5201314)
\ No newline at end of file
