From 81c3781e6a953abdb9163e86f3728bb4fb51a94b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=99=97=E5=B8=8C?= <2095000342@qq.com>
Date: Thu, 24 Oct 2024 09:32:30 +0000
Subject: [PATCH 1/6] =?UTF-8?q?=E6=96=B0=E5=BB=BA=20=E6=9E=97=E6=99=97?=
 =?UTF-8?q?=E5=B8=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "\346\236\227\346\231\227\345\270\214/.keep" | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\346\236\227\346\231\227\345\270\214/.keep"

diff --git "a/\346\236\227\346\231\227\345\270\214/.keep" "b/\346\236\227\346\231\227\345\270\214/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 1844d563d0810dbc163c681317b9c6e1118338f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=99=97=E5=B8=8C?= <2095000342@qq.com>
Date: Thu, 24 Oct 2024 16:31:30 +0000
Subject: [PATCH 2/6] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2020241024=20=E5=88=9D?=
 =?UTF-8?q?=E8=AF=86JS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20241024 \345\210\235\350\257\206JS/.keep"                    | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/.keep"

diff --git "a/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/.keep" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From b7faef7a978e780b6fe762654ae90e83d3f955ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=99=97=E5=B8=8C?= <2095000342@qq.com>
Date: Thu, 24 Oct 2024 16:32:33 +0000
Subject: [PATCH 3/6] =?UTF-8?q?=E4=BD=9C=E4=B8=9A=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 林晗希 <2095000342@qq.com>
---
 .../00.html"                                  | 16 ++++++++
 .../01-\344\275\223\351\252\214js.html"       | 30 ++++++++++++++
 ...347\275\256-\345\206\205\351\203\250.html" | 18 +++++++++
 ...347\275\256-\345\244\226\351\203\250.html" | 20 ++++++++++
 ...347\275\256-\350\241\214\345\206\205.html" | 20 ++++++++++
 ...\344\270\216\346\263\250\351\207\212.html" | 26 +++++++++++++
 ...\345\207\272\350\257\255\346\263\225.html" | 26 +++++++++++++
 ...\344\270\216\346\233\264\346\226\260.html" | 29 ++++++++++++++
 ...\345\220\215\346\241\210\344\276\213.html" | 23 +++++++++++
 ...\344\270\252\345\217\230\351\207\217.html" | 27 +++++++++++++
 ...\345\220\215\350\247\204\350\214\203.html" | 26 +++++++++++++
 ...\351\276\204\346\241\210\344\276\213.html" | 21 ++++++++++
 ...\347\232\204\345\214\272\345\210\253.html" | 19 +++++++++
 ...\351\252\214\346\225\260\347\273\204.html" | 28 +++++++++++++
 .../14-\345\270\270\351\207\217.html"         | 23 +++++++++++
 ...\345\200\274\347\261\273\345\236\213.html" | 30 ++++++++++++++
 ...\347\232\204\351\235\242\347\247\257.html" | 24 ++++++++++++
 ...\344\270\262\347\261\273\345\236\213.html" | 39 +++++++++++++++++++
 ...\345\255\227\347\254\246\344\270\262.html" | 23 +++++++++++
 ...\347\247\215\347\261\273\345\236\213.html" | 29 ++++++++++++++
 20 files changed, 497 insertions(+)
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/00.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/01-\344\275\223\351\252\214js.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/02-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\206\205\351\203\250.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/03-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\244\226\351\203\250.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/04-js\344\271\246\345\206\231\344\275\215\347\275\256-\350\241\214\345\206\205.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/05-\347\273\223\346\235\237\347\254\246\344\270\216\346\263\250\351\207\212.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/06-\350\276\223\345\205\245\345\222\214\350\276\223\345\207\272\350\257\255\346\263\225.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/08-\350\276\223\345\205\245\347\224\250\346\210\267\345\220\215\346\241\210\344\276\213.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/09-\344\272\244\346\215\2422\344\270\252\345\217\230\351\207\217.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/10-\345\217\230\351\207\217\347\232\204\345\221\275\345\220\215\350\247\204\350\214\203.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/12-let\345\222\214var\347\232\204\345\214\272\345\210\253.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/13-\344\275\223\351\252\214\346\225\260\347\273\204.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/14-\345\270\270\351\207\217.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/15-\346\225\260\345\200\274\347\261\273\345\236\213.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/16-\350\256\241\347\256\227\345\234\206\347\232\204\351\235\242\347\247\257.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/17-\345\255\227\347\254\246\344\270\262\347\261\273\345\236\213.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/18-\346\250\241\346\235\277\345\255\227\347\254\246\344\270\262.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/19-\345\205\266\344\273\226\344\270\211\347\247\215\347\261\273\345\236\213.html"

diff --git "a/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/00.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/00.html"
new file mode 100644
index 0000000..cad7d8e
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/01-\344\275\223\351\252\214js.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/01-\344\275\223\351\252\214js.html"
new file mode 100644
index 0000000..bd20047
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/02-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\206\205\351\203\250.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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 0000000..339498a
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/03-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\244\226\351\203\250.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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 0000000..c46c61a
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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">
+
+<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/my.js">
+  </script>
+  <!-- 行内方式写js -->
+  <a href="javascript:alert('你好JavaScript')">测试</a>
+  <input type="button" value="测试" onclick="alert('你好JavaScript ')" /></body>
+
+</html> 
+
diff --git "a/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/04-js\344\271\246\345\206\231\344\275\215\347\275\256-\350\241\214\345\206\205.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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 0000000..daf824c
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/04-js\344\271\246\345\206\231\344\275\215\347\275\256-\350\241\214\345\206\205.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 src="js/test.js"></script>
+  <!-- 行内方式写js -->
+    <a href="javascript:alert('你好JavaScript')">测试</a>
+    <input type="button" value="测试" onclick="alert('你好JavaScript ')" /> 
+
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/05-\347\273\223\346\235\237\347\254\246\344\270\216\346\263\250\351\207\212.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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 0000000..b073ca8
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/05-\347\273\223\346\235\237\347\254\246\344\270\216\346\263\250\351\207\212.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>
+      document.write('嗨，欢迎来到快乐星球！');
+   </script>
+  <!-- 单行与多行注释 -->
+   
+   <!-- 单行注释 -->
+   <!-- 多行注释
+    111
+    222
+    333
+   -->
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/06-\350\276\223\345\205\245\345\222\214\350\276\223\345\207\272\350\257\255\346\263\225.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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 0000000..a6f446d
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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,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>
+    // 1. 文档输出内容,比如输出标题和段落,
+    document.write("<h1> 初识js </h1>")
+    document.write('<p>1</p>')
+    // 2. 在控制台打印输出 日志 给 程序员
+    console.log('111')
+    // 3. 输入语句
+    
+   
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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 0000000..7b55b60
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/08-\350\276\223\345\205\245\347\224\250\346\210\267\345\220\215\346\241\210\344\276\213.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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 0000000..cfb9711
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/09-\344\272\244\346\215\2422\344\270\252\345\217\230\351\207\217.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/09-\344\272\244\346\215\2422\344\270\252\345\217\230\351\207\217.html"
new file mode 100644
index 0000000..e19ef6e
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/10-\345\217\230\351\207\217\347\232\204\345\221\275\345\220\215\350\247\204\350\214\203.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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 0000000..1e37ac4
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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 0000000..1163ff7
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/12-let\345\222\214var\347\232\204\345\214\272\345\210\253.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/12-let\345\222\214var\347\232\204\345\214\272\345\210\253.html"
new file mode 100644
index 0000000..2ed8213
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/13-\344\275\223\351\252\214\346\225\260\347\273\204.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/13-\344\275\223\351\252\214\346\225\260\347\273\204.html"
new file mode 100644
index 0000000..63ca149
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/14-\345\270\270\351\207\217.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/14-\345\270\270\351\207\217.html"
new file mode 100644
index 0000000..172841d
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/15-\346\225\260\345\200\274\347\261\273\345\236\213.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/15-\346\225\260\345\200\274\347\261\273\345\236\213.html"
new file mode 100644
index 0000000..1d9dc02
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/16-\350\256\241\347\256\227\345\234\206\347\232\204\351\235\242\347\247\257.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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 0000000..b851ba3
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/17-\345\255\227\347\254\246\344\270\262\347\261\273\345\236\213.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/17-\345\255\227\347\254\246\344\270\262\347\261\273\345\236\213.html"
new file mode 100644
index 0000000..5081ae2
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/18-\346\250\241\346\235\277\345\255\227\347\254\246\344\270\262.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/18-\346\250\241\346\235\277\345\255\227\347\254\246\344\270\262.html"
new file mode 100644
index 0000000..f0d7241
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/19-\345\205\266\344\273\226\344\270\211\347\247\215\347\261\273\345\236\213.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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 0000000..247d1a8
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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
-- 
Gitee


From 196052a9303f203e77083d100a799cb93ab4a504 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=99=97=E5=B8=8C?= <2095000342@qq.com>
Date: Thu, 24 Oct 2024 16:32:49 +0000
Subject: [PATCH 4/6] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20?=
 =?UTF-8?q?=E6=9E=97=E6=99=97=E5=B8=8C/20241024=20=E5=88=9D=E8=AF=86JS/.ke?=
 =?UTF-8?q?ep?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20241024 \345\210\235\350\257\206JS/.keep"                    | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/.keep"

diff --git "a/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/.keep" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/.keep"
deleted file mode 100644
index e69de29..0000000
-- 
Gitee


From 1c23e5b6d1824c88292fe27ccc6db5a0ed1d0ea6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=99=97=E5=B8=8C?= <2095000342@qq.com>
Date: Thu, 24 Oct 2024 16:33:11 +0000
Subject: [PATCH 5/6] =?UTF-8?q?=E4=BD=9C=E4=B8=9A=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 林晗希 <2095000342@qq.com>
---
 ...\346\215\256\347\261\273\345\236\213.html" |  32 +
 .../20241024 \345\210\235\350\257\206JS.md"   | 553 ++++++++++++++++++
 ...\345\274\217\350\275\254\346\215\242.html" |  24 +
 ...\347\244\272\350\275\254\346\215\242.html" |  39 ++
 ...\345\222\214\346\241\210\344\276\213.html" |  20 +
 ...\345\220\210\346\241\210\344\276\213.html" |  67 +++
 6 files changed, 735 insertions(+)
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/20-\346\243\200\346\265\213\346\225\260\346\215\256\347\261\273\345\236\213.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/20241024 \345\210\235\350\257\206JS.md"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/21-\351\232\220\345\274\217\350\275\254\346\215\242.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/22-\346\230\276\347\244\272\350\275\254\346\215\242.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/23-\346\261\202\345\222\214\346\241\210\344\276\213.html"
 create mode 100644 "\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/24-\347\273\274\345\220\210\346\241\210\344\276\213.html"

diff --git "a/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/20-\346\243\200\346\265\213\346\225\260\346\215\256\347\261\273\345\236\213.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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 0000000..6fe7b78
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/20241024 \345\210\235\350\257\206JS.md" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/20241024 \345\210\235\350\257\206JS.md"
new file mode 100644
index 0000000..71e65d4
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/20241024 \345\210\235\350\257\206JS.md"	
@@ -0,0 +1,553 @@
+# 第一章，与君初相见
+
+## 第一节
+
+### JavaScript 简介
+
+1. JavaScript 是什么：
+   JavaScript 是一种运行在浏览器的脚本编程语言。它不需要编译，可直接在浏览器上运行。
+
+2. JavaScript 由什么组成：
+   ECMAScript （基础语法）和 Web APIs （DOM、BOM）
+
+### 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. 允许声明和赋值同时进行
+3. 允许重复声明
+4. 允许同时声明多个变量并赋值
+
+大部分情况使用 `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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/21-\351\232\220\345\274\217\350\275\254\346\215\242.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/21-\351\232\220\345\274\217\350\275\254\346\215\242.html"
new file mode 100644
index 0000000..83e84d9
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/22-\346\230\276\347\244\272\350\275\254\346\215\242.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/22-\346\230\276\347\244\272\350\275\254\346\215\242.html"
new file mode 100644
index 0000000..ecf2868
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/23-\346\261\202\345\222\214\346\241\210\344\276\213.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/23-\346\261\202\345\222\214\346\241\210\344\276\213.html"
new file mode 100644
index 0000000..618fca2
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/24-\347\273\274\345\220\210\346\241\210\344\276\213.html" "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/24-\347\273\274\345\220\210\346\241\210\344\276\213.html"
new file mode 100644
index 0000000..d47326d
--- /dev/null
+++ "b/\346\236\227\346\231\227\345\270\214/20241024 \345\210\235\350\257\206JS/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
-- 
Gitee


From 8a879f7de10acf96d422ad3ea0ca1d262adf913b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=99=97=E5=B8=8C?= <2095000342@qq.com>
Date: Thu, 24 Oct 2024 16:33:41 +0000
Subject: [PATCH 6/6] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20?=
 =?UTF-8?q?=E6=9E=97=E6=99=97=E5=B8=8C/.keep?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "\346\236\227\346\231\227\345\270\214/.keep" | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 "\346\236\227\346\231\227\345\270\214/.keep"

diff --git "a/\346\236\227\346\231\227\345\270\214/.keep" "b/\346\236\227\346\231\227\345\270\214/.keep"
deleted file mode 100644
index e69de29..0000000
-- 
Gitee