From 3f57dca2d3782d2e42e0a618598aef850a6ce54b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=BF=97=E5=BC=BA?= <3165279696@qq.com>
Date: Mon, 28 Oct 2024 02:09:55 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20READ?=
 =?UTF-8?q?ME.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 39 ---------------------------------------
 1 file changed, 39 deletions(-)
 delete mode 100644 README.md

diff --git a/README.md b/README.md
deleted file mode 100644
index e21431e..0000000
--- a/README.md
+++ /dev/null
@@ -1,39 +0,0 @@
-# JavaScript基础应用
-
-#### 介绍
-{**以下是 Gitee 平台说明，您可以替换此简介**
-Gitee 是 OSCHINA 推出的基于 Git 的代码托管平台（同时支持 SVN）。专为开发者提供稳定、高效、安全的云端软件开发协作平台
-无论是个人、团队、或是企业，都能够用 Gitee 实现代码托管、项目管理、协作开发。企业项目请看 [https://gitee.com/enterprises](https://gitee.com/enterprises)}
-
-#### 软件架构
-软件架构说明
-
-
-#### 安装教程
-
-1.  xxxx
-2.  xxxx
-3.  xxxx
-
-#### 使用说明
-
-1.  xxxx
-2.  xxxx
-3.  xxxx
-
-#### 参与贡献
-
-1.  Fork 本仓库
-2.  新建 Feat_xxx 分支
-3.  提交代码
-4.  新建 Pull Request
-1
-
-#### 特技
-
-1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
-2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
-3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
-4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
-5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
-6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
-- 
Gitee


From 1f3892aa3b8e07e3cf244fea911933798c2b9de7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=BF=97=E5=BC=BA?= <3165279696@qq.com>
Date: Mon, 28 Oct 2024 11:27:23 +0800
Subject: [PATCH 2/2] 1

---
 ...\346\210\267\344\277\241\346\201\257.html" |   0
 ...\345\212\240\345\271\264\351\276\204.html" |   0
 ...\351\242\235\346\241\210\344\276\213.html" |   0
 ...\347\254\254\344\270\200\351\242\230.html" |  22 +
 ...\347\254\254\344\272\214\351\242\230.html" |  22 +
 ...\347\254\254\344\270\211\351\242\230.html" |  26 +
 ...\347\254\254\345\233\233\351\242\230.html" |  17 +
 ...\347\254\254\344\272\224\351\242\230.html" |  27 +
 ...\347\254\254\345\205\255\351\242\230.html" |  26 +
 ...31\345\255\246\347\254\224\350\256\260.md" | 621 ++++++++++++++++++
 10 files changed, 761 insertions(+)
 rename "\345\210\230\345\277\227\345\274\272/02\344\275\234\344\270\232\347\274\226\347\250\213\351\242\230/01 \350\216\267\345\217\226\347\224\250\346\210\267\344\277\241\346\201\257.html" => "\345\210\230\345\277\227\345\274\272/02 js\345\237\272\347\241\200\351\242\230/01 \350\216\267\345\217\226\347\224\250\346\210\267\344\277\241\346\201\257.html" (100%)
 rename "\345\210\230\345\277\227\345\274\272/02\344\275\234\344\270\232\347\274\226\347\250\213\351\242\230/02 \345\242\236\345\212\240\345\271\264\351\276\204.html" => "\345\210\230\345\277\227\345\274\272/02 js\345\237\272\347\241\200\351\242\230/02 \345\242\236\345\212\240\345\271\264\351\276\204.html" (100%)
 rename "\345\210\230\345\277\227\345\274\272/02\344\275\234\344\270\232\347\274\226\347\250\213\351\242\230/03 \351\223\266\350\241\214\345\215\241\344\275\231\351\242\235\346\241\210\344\276\213.html" => "\345\210\230\345\277\227\345\274\272/02 js\345\237\272\347\241\200\351\242\230/03 \351\223\266\350\241\214\345\215\241\344\275\231\351\242\235\346\241\210\344\276\213.html" (100%)
 create mode 100644 "\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/01 \347\254\254\344\270\200\351\242\230.html"
 create mode 100644 "\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/02 \347\254\254\344\272\214\351\242\230.html"
 create mode 100644 "\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/03 \347\254\254\344\270\211\351\242\230.html"
 create mode 100644 "\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/04 \347\254\254\345\233\233\351\242\230.html"
 create mode 100644 "\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/05 \347\254\254\344\272\224\351\242\230.html"
 create mode 100644 "\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/06 \347\254\254\345\205\255\351\242\230.html"
 create mode 100644 "\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/\350\257\276\345\240\202\346\225\231\345\255\246\347\254\224\350\256\260.md"

diff --git "a/\345\210\230\345\277\227\345\274\272/02\344\275\234\344\270\232\347\274\226\347\250\213\351\242\230/01 \350\216\267\345\217\226\347\224\250\346\210\267\344\277\241\346\201\257.html" "b/\345\210\230\345\277\227\345\274\272/02 js\345\237\272\347\241\200\351\242\230/01 \350\216\267\345\217\226\347\224\250\346\210\267\344\277\241\346\201\257.html"
similarity index 100%
rename from "\345\210\230\345\277\227\345\274\272/02\344\275\234\344\270\232\347\274\226\347\250\213\351\242\230/01 \350\216\267\345\217\226\347\224\250\346\210\267\344\277\241\346\201\257.html"
rename to "\345\210\230\345\277\227\345\274\272/02 js\345\237\272\347\241\200\351\242\230/01 \350\216\267\345\217\226\347\224\250\346\210\267\344\277\241\346\201\257.html"
diff --git "a/\345\210\230\345\277\227\345\274\272/02\344\275\234\344\270\232\347\274\226\347\250\213\351\242\230/02 \345\242\236\345\212\240\345\271\264\351\276\204.html" "b/\345\210\230\345\277\227\345\274\272/02 js\345\237\272\347\241\200\351\242\230/02 \345\242\236\345\212\240\345\271\264\351\276\204.html"
similarity index 100%
rename from "\345\210\230\345\277\227\345\274\272/02\344\275\234\344\270\232\347\274\226\347\250\213\351\242\230/02 \345\242\236\345\212\240\345\271\264\351\276\204.html"
rename to "\345\210\230\345\277\227\345\274\272/02 js\345\237\272\347\241\200\351\242\230/02 \345\242\236\345\212\240\345\271\264\351\276\204.html"
diff --git "a/\345\210\230\345\277\227\345\274\272/02\344\275\234\344\270\232\347\274\226\347\250\213\351\242\230/03 \351\223\266\350\241\214\345\215\241\344\275\231\351\242\235\346\241\210\344\276\213.html" "b/\345\210\230\345\277\227\345\274\272/02 js\345\237\272\347\241\200\351\242\230/03 \351\223\266\350\241\214\345\215\241\344\275\231\351\242\235\346\241\210\344\276\213.html"
similarity index 100%
rename from "\345\210\230\345\277\227\345\274\272/02\344\275\234\344\270\232\347\274\226\347\250\213\351\242\230/03 \351\223\266\350\241\214\345\215\241\344\275\231\351\242\235\346\241\210\344\276\213.html"
rename to "\345\210\230\345\277\227\345\274\272/02 js\345\237\272\347\241\200\351\242\230/03 \351\223\266\350\241\214\345\215\241\344\275\231\351\242\235\346\241\210\344\276\213.html"
diff --git "a/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/01 \347\254\254\344\270\200\351\242\230.html" "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/01 \347\254\254\344\270\200\351\242\230.html"
new file mode 100644
index 0000000..7cf601e
--- /dev/null
+++ "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/01 \347\254\254\344\270\200\351\242\230.html"	
@@ -0,0 +1,22 @@
+<!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>
+        let price = +10;
+        let calls = +0.1;
+        let num = +0.3;
+        let times;
+        times = (price - num * 30) / calls;
+        document.write('还可以使用' + times + '分钟通话');
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/02 \347\254\254\344\272\214\351\242\230.html" "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/02 \347\254\254\344\272\214\351\242\230.html"
new file mode 100644
index 0000000..9e1261a
--- /dev/null
+++ "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/02 \347\254\254\344\272\214\351\242\230.html"	
@@ -0,0 +1,22 @@
+<!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>
+    <!-- 【2】计算员工的实除收入,假设某员工的月薪为6500元，专项扣除费用共500元，
+    个人所得税起征点是5000元，税率为3%，计算该员工的实际收入。 -->
+    <!-- (提示:实际收入=(月薪-专项扣除)-(月新-专项扣除-个税起征点)*税率) -->
+     <script>
+        let sal = +6500;
+        let price = +500;
+        let tax = +0.03;
+        let tosal;
+        tosal  = (sal - price) - ((sal - price - 5000) * tax);
+        document.write('个人的实际收入为' + tosal);
+
+     </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/03 \347\254\254\344\270\211\351\242\230.html" "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/03 \347\254\254\344\270\211\351\242\230.html"
new file mode 100644
index 0000000..228137d
--- /dev/null
+++ "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/03 \347\254\254\344\270\211\351\242\230.html"	
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <!-- 【3】判断2024年2月的天教,闰年2月的天数是29天，
+    非闰年2月的天数是28天，应用条件运算符判断2024年2月的天数。 -->
+</head>
+<body>
+    <script>
+        let day;       
+        let today = prompt('请输入是否为闰年');
+        if (today == '闰年') {
+            day = 29;
+            alert('天数为' + day + '天');
+        }else if (today == '非闰年') {
+            day = 28;
+            alert('天数为' + day + '天');
+        }else{
+            alert('输入错误，请重新输入');
+        }
+        
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/04 \347\254\254\345\233\233\351\242\230.html" "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/04 \347\254\254\345\233\233\351\242\230.html"
new file mode 100644
index 0000000..6999d18
--- /dev/null
+++ "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/04 \347\254\254\345\233\233\351\242\230.html"	
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <!-- 【4】接收用户输入的用户名和密码，
+    若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功!  否则，提示失败。 -->
+</head>
+<body>
+    <script>
+        let user = prompt('请输入账号');
+        let pwd = prompt('请输入密码');
+        alert(user == 'admin' && pwd == 123456 ? '登入成功' : '登入失败');
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/05 \347\254\254\344\272\224\351\242\230.html" "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/05 \347\254\254\344\272\224\351\242\230.html"
new file mode 100644
index 0000000..bbea0ca
--- /dev/null
+++ "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/05 \347\254\254\344\272\224\351\242\230.html"	
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <!-- 【5】获取数字中的最小值定义4个数值型变量，
+    值分别为26、17、10、20，应用if语句获取这4个数字中的最小值。 -->
+</head>
+
+<body>
+    <script>
+        let num1 = 26;
+        let num2 = 17;
+        let num3 = 10;
+        let num4 = 20;
+        let tonum1;
+        let tonum2;
+        tonum1 = num1 > num2 ? num1 : num2;
+        tonum2 = num3 > num4 ? num3 : num4;
+        alert(tonum1 > tonum2 ? tonum1 : tonum2);
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/06 \347\254\254\345\205\255\351\242\230.html" "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/06 \347\254\254\345\205\255\351\242\230.html"
new file mode 100644
index 0000000..3e38ddf
--- /dev/null
+++ "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/06 \347\254\254\345\205\255\351\242\230.html"	
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <!-- 【6】判断空气污染程度,空气污染指数(API)是评估空气质量状况的一组数字，如果空气污染指数为0~100，
+    则空气质量状况属于良好:如果空气污染指数为101~200，则空气质量状况属于经度污染:如果空气污染指数为201~300,
+    则空气质量状况属于中度污染:如果空气污染指数大子300,则气质量状况属于重度污染。 让用户输入其城市的污染指数,
+    判断该城市的空气污染程度 -->
+</head>
+<body>
+    <script>
+        let num = prompt('请输入空气污染程度');
+        if (num < 100) {
+            alert('空气质量良好');
+        }else if (num >= 101 && num <200) {
+            alert('空气质量轻度污染');
+        }else if (num >= 201 && num < 300) {
+            alert('空气质量中度污染');
+        }else if (num >= 301) {
+            alert('空气质量重度污染');
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/\350\257\276\345\240\202\346\225\231\345\255\246\347\254\224\350\256\260.md" "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/\350\257\276\345\240\202\346\225\231\345\255\246\347\254\224\350\256\260.md"
new file mode 100644
index 0000000..efe6d48
--- /dev/null
+++ "b/\345\210\230\345\277\227\345\274\272/03 \350\277\220\347\256\227\347\254\246/\350\257\276\345\240\202\346\225\231\345\255\246\347\254\224\350\256\260.md"	
@@ -0,0 +1,621 @@
+# JavaScript 基础 - 第2天
+
+> 理解什么是流程控制，知道条件控制的种类并掌握其对应的语法规则，具备利用循环编写简易ATM取款机程序能力
+
+- 运算符
+- 语句
+- 综合案例
+
+
+## 运算符
+
+### 算术运算符
+
+数字是用来计算的，比如：乘法 * 、除法 / 、加法 + 、减法 - 等等，所以经常和算术运算符一起。
+
+算术运算符：也叫数学运算符，主要包括加、减、乘、除、取余（求模）等
+
+| 运算符 | 作用                                                 |
+| ------ | ---------------------------------------------------- |
+| +      | 求和                                                 |
+| -      | 求差                                                 |
+| *      | 求积                                                 |
+| /      | 求商                                                 |
+| **%**  | 取模（取余数），开发中经常用于作为某个数字是否被整除 |
+
+> 注意：在计算失败时，显示的结果是 NaN （not a number）
+
+```javascript
+// 算术运算符
+console.log(1 + 2 * 3 / 2) //  4 
+let num = 10
+console.log(num + 10)  // 20
+console.log(num + num)  // 20
+
+// 1. 取模(取余数)  使用场景：  用来判断某个数是否能够被整除
+console.log(4 % 2) //  0  
+console.log(6 % 3) //  0
+console.log(5 % 3) //  2
+console.log(3 % 5) //  3
+
+// 2. 注意事项 : 如果我们计算失败，则返回的结果是 NaN (not a number)
+console.log('你好' - 2)
+console.log('你好' * 2)
+console.log('你好' + 2)   // 你好2
+```
+
+### 赋值运算符
+
+赋值运算符：对变量进行赋值的运算符
+
+ =     将等号右边的值赋予给左边, 要求左边必须是一个容器
+
+| 运算符 | 作用   |
+| --- | ---- |
+| +=  | 加法赋值 |
+| -=  | 减法赋值 |
+| *=  | 乘法赋值 |
+| /=  | 除法赋值 |
+| %=  | 取余赋值 |
+
+```javascript
+<script>
+let num = 1
+// num = num + 1
+// 采取赋值运算符
+// num += 1
+num += 3
+console.log(num)
+</script>
+```
+
+### 自增/自减运算符
+
+| 符号 | 作用 | 说明                       |
+| ---- | ---- | -------------------------- |
+| ++   | 自增 | 变量自身的值加1，例如: x++ |
+| --   | 自减 | 变量自身的值减1，例如: x-- |
+
+1. ++在前和++在后在单独使用时二者并没有差别，而且一般开发中我们都是独立使用
+2. ++在后（后缀式）我们会使用更多
+
+> 注意：
+>
+> 1. 只有变量能够使用自增和自减运算符
+> 2. ++、-- 可以在变量前面也可以在变量后面，比如: x++  或者  ++x 
+
+```javascript
+<script>
+    // let num = 10
+    // num = num + 1
+    // num += 1
+    // // 1. 前置自增
+    // let i = 1
+    // ++i
+    // console.log(i)
+
+    // let i = 1
+    // console.log(++i + 1)
+    // 2. 后置自增
+    // let i = 1
+    // i++
+    // console.log(i)
+    // let i = 1
+    // console.log(i++ + 1)
+
+    // 了解 
+    let i = 1
+    console.log(i++ + ++i + i)
+  </script>
+```
+
+### 比较运算符
+
+使用场景：比较两个数据大小、是否相等，根据比较结果返回一个布尔值（true / false）
+
+| 运算符 | 作用                                   |
+| ------ | -------------------------------------- |
+| >      | 左边是否大于右边                       |
+| <      | 左边是否小于右边                       |
+| >=     | 左边是否大于或等于右边                 |
+| <=     | 左边是否小于或等于右边                 |
+| ===    | 左右两边是否`类型`和`值`都相等（重点） |
+| ==     | 左右两边`值`是否相等                   |
+| !=     | 左右值不相等                           |
+| !==    | 左右两边是否不全等                     |
+
+```javascript
+<script>
+  console.log(3 > 5)
+  console.log(3 >= 3)
+  console.log(2 == 2)
+  // 比较运算符有隐式转换 把'2' 转换为 2  双等号 只判断值
+  console.log(2 == '2')  // true
+  // console.log(undefined === null)
+  // === 全等 判断 值 和 数据类型都一样才行
+  // 以后判断是否相等 请用 ===  
+  console.log(2 === '2')
+  console.log(NaN === NaN) // NaN 不等于任何人，包括他自己
+  console.log(2 !== '2')  // true  
+  console.log(2 != '2') // false 
+  console.log('-------------------------')
+  console.log('a' < 'b') // true   ASCII     
+  console.log('aa' < 'ab') // true   
+  console.log('aa' < 'aac') // true
+  console.log('-------------------------')
+</script>
+```
+> 要判断一个值是不是等于 Nan 要用 isNaN()
+
+
+
+### 逻辑运算符
+
+使用场景：可以把多个布尔值放到一起运算，最终返回一个布尔值
+
+| 符号 | 名称   | 日常读法 | 特点                       | 口诀           |
+| ---- | ------ | -------- | -------------------------- | -------------- |
+| &&   | 逻辑与 | 并且     | 符号两边有一个假的结果为假 | 一假则假       |
+| \|\| | 逻辑或 | 或者     | 符号两边有一个真的结果为真 | 一真则真       |
+| !    | 逻辑非 | 取反     | true变false  false变true   | 真变假，假变真 |
+
+| A     | B     | A && B | A \|\| B | !A    |
+| ----- | ----- | ------ | -------- | ----- |
+| false | false | false  | false    | true  |
+| false | true  | false  | true     | true  |
+| true  | false | false  | true     | false |
+| true  | true  | true   | true     | false |
+
+```javascript
+<script>
+    // 逻辑与 一假则假
+    console.log(true && true)
+    console.log(false && true)
+    console.log(3 < 5 && 3 > 2)
+    console.log(3 < 5 && 3 < 2)
+    console.log('-----------------')
+    // 逻辑或 一真则真
+    console.log(true || true)
+    console.log(false || true)
+    console.log(false || false)
+    console.log('-----------------')
+    // 逻辑非  取反
+    console.log(!true)
+    console.log(!false)
+
+    console.log('-----------------')
+
+    let num = 6
+    console.log(num > 5 && num < 10)
+    console.log('-----------------')
+  </script>
+```
+
+### 运算符优先级
+
+> 逻辑运算符优先级： ！> && >  ||  
+
+
+
+
+
+## 分支语句
+
+分支语句可以根据条件判定真假，来选择性的执行想要的代码
+
+分支语句包含：
+
+1. if分支语句（重点）
+2. 三元运算符
+3. switch语句
+
+#### if 分支语句
+
+语法：
+
+~~~javascript
+if(条件表达式) {
+  // 满足条件要执行的语句
+}
+~~~
+
+小括号内的条件结果是布尔值，为 true 时，进入大括号里执行代码；为false，则不执行大括号里面代码
+
+小括号内的结果若不是布尔类型时，会发生类型转换为布尔值，类似Boolean()
+
+如果大括号只有一个语句，大括号可以省略，但是，俺们不提倡这么做~
+
+~~~javascript
+<script>
+    // 单分支语句
+    // if (false) {
+    //   console.log('执行语句')
+    // }
+    // if (3 > 5) {
+    //   console.log('执行语句')
+    // }
+    // if (2 === '2') {
+    //   console.log('执行语句')
+    // }
+    //  1. 除了0 所有的数字都为真
+    //   if (0) {
+    //     console.log('执行语句')
+    //   }
+    // 2.除了 '' 所有的字符串都为真 true
+    // if ('qq老师') {
+    //   console.log('执行语句')
+    // }
+    // if ('') {
+    //   console.log('执行语句')
+    // }
+    // // if ('') console.log('执行语句')
+
+    // undefined , null ,NaN 特殊值 当条件。都为false
+
+    // 1. 用户输入
+    let score = +prompt('请输入成绩')
+    // 2. 进行判断输出
+    if (score >= 700) {
+      alert('恭喜考入清华大学')
+    }
+    console.log('-----------------')
+
+
+  </script>
+~~~
+
+#### if双分支语句
+
+如果有两个条件的时候，可以使用 if else 双分支语句
+
+~~~javascript
+if (条件表达式){
+  // 满足条件要执行的语句
+} else {
+  // 不满足条件要执行的语句
+}
+~~~
+
+例如：
+
+~~~javascript
+ <script>
+    // 1. 用户输入
+    let uname = prompt('请输入用户名:')
+    let pwd = prompt('请输入密码:')
+    // 2. 判断输出
+    if (uname === 'zhangsan' && pwd === '123456') {
+      alert('恭喜登录成功')
+    } else {
+      alert('用户名或者密码错误')
+    }
+  </script>
+~~~
+
+#### if 多分支语句
+
+使用场景： 适合于有多个条件的时候
+```javascript
+if (条件表达式1){
+  // 满足条件要执行的语句1
+} else if (条件表达式2){
+  // 满足条件要执行的语句2
+} else if (条件...){
+  // 满足条件要执行的语句...
+} else {
+  // 条件都不满足时要执行的语句
+}
+```
+
+~~~javascript
+ <script>
+    // 1. 用户输入
+    let score = +prompt('请输入成绩：')
+    // 2. 判断输出
+    if (score >= 90) {
+      alert('成绩优秀，宝贝，你是我的骄傲')
+    } else if (score >= 70) {
+      alert('成绩良好，宝贝，你要加油哦~~')
+    } else if (score >= 60) {
+      alert('成绩及格，宝贝，你很危险~')
+    } else {
+      alert('成绩不及格，宝贝，你真菜')
+    }
+  </script>
+~~~
+
+#### 三元运算符（三元表达式）
+
+**使用场景**： 一些简单的双分支，可以使用  三元运算符（三元表达式），写起来比 if  else双分支 更简单
+
+**符号**：`? 与 : 配合使用`
+
+语法：
+
+~~~javascript
+条件 ? 表达式1 ： 表达式2
+~~~
+
+例如：
+
+~~~javascript
+// 三元运算符（三元表达式）
+// 1. 语法格式
+// 条件 ? 表达式1 : 表达式2 
+
+// 2. 执行过程 
+// 2.1 如果条件为真，则执行表达式1
+// 2.2 如果条件为假，则执行表达式2
+
+// 3. 验证
+// 5 > 3 ? '真的' : '假的'
+console.log(5 < 3 ? '真的' : '假的')
+
+// let age = 18 
+// age = age + 1
+//  age++
+
+// 1. 用户输入 
+let num = prompt('请您输入一个数字:')
+// 2. 判断输出- 小于10才补0
+// num = num < 10 ? 0 + num : num
+num = num >= 10 ? num : 0 + num
+alert(num)
+~~~
+
+#### switch语句（了解）
+
+使用场景： 适合于有多个条件的时候，也属于分支语句，大部分情况下和 if多分支语句 功能相同
+
+注意：
+
+1. switch case语句一般用于等值判断, if适合于区间判断
+2. switchcase一般需要配合break关键字使用 没有break会造成case穿透
+3. if 多分支语句开发要比switch更重要，使用也更多
+
+例如：
+
+~~~javascript
+// switch分支语句
+// 1. 语法
+// switch (表达式) {
+//   case 值1:
+//     代码1
+//     break
+
+//   case 值2:
+//     代码2
+//     break
+//   ...
+//   default:
+//     代码n
+// }
+
+<script>
+  switch (2) {
+    case 1:
+    console.log('您选择的是1')
+    break  // 退出switch
+    case 2:
+    console.log('您选择的是2')
+    break  // 退出switch
+    case 3:
+    console.log('您选择的是3')
+    break  // 退出switch
+    default:
+    console.log('没有符合条件的')
+  }
+</script>
+~~~
+
+#### 断点调试
+
+**作用：**学习时可以帮助更好的理解代码运行，工作时可以更快找到bug
+
+浏览器打开调试界面
+
+1. 按F12打开开发者工具
+2. 点到源代码一栏 （ sources ）
+3. 选择代码文件
+
+**断点：**在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来
+
+
+
+### 循环语句
+
+使用场景：重复执行 指定的一段代码，比如我们想要输出10次 '我学的很棒'
+
+学习路径：
+
+1.while循环
+
+2.for 循环（重点）
+
+#### while循环
+
+while :  在…. 期间， 所以 while循环 就是在满足条件期间，重复执行某些代码。
+
+**语法：**
+
+~~~javascript
+while (条件表达式) {
+   // 循环体    
+}
+~~~
+
+例如：
+
+~~~javascript
+// while循环: 重复执行代码
+
+// 1. 需求: 利用循环重复打印3次 '月薪过万不是梦，毕业时候见英雄'
+let i = 1
+while (i <= 3) {
+  document.write('月薪过万不是梦，毕业时候见英雄~<br>')
+  i++   // 这里千万不要忘了变量自增否则造成死循环
+}
+~~~
+
+循环三要素：
+
+1.初始值 （经常用变量）
+
+2.终止条件
+
+3.变量的变化量
+
+例如：
+
+~~~javascript
+<script>
+  // // 1. 变量的起始值
+  // let i = 1
+  // // 2. 终止条件
+  // while (i <= 3) {
+  //   document.write('我要循环三次 <br>')
+  //   // 3. 变量的变化量
+  //   i++
+  // }
+  // 1. 变量的起始值
+  let end = +prompt('请输入次数:')
+let i = 1
+// 2. 终止条件
+while (i <= end) {
+  document.write('我要循环三次 <br>')
+  // 3. 变量的变化量
+  i++
+}
+
+</script>
+~~~
+
+#### 中止循环
+
+`break`   中止整个循环，一般用于结果已经得到, 后续的循环不需要的时候可以使用（提高效率）  
+
+`continue`  中止本次循环，一般用于排除或者跳过某一个选项的时候
+
+~~~javascript
+<script>
+    // let i = 1
+    // while (i <= 5) {
+    //   console.log(i)
+    //   if (i === 3) {
+    //     break  // 退出循环
+    //   }
+    //   i++
+
+    // }
+
+
+    let i = 1
+    while (i <= 5) {
+      if (i === 3) {
+        i++
+        continue
+      }
+      console.log(i)
+      i++
+
+    }
+  </script>
+~~~
+
+#### 无限循环
+
+1.while(true) 来构造“无限”循环，需要使用break退出循环。（常用）
+
+2.for(;;) 也可以来构造“无限”循环，同样需要使用break退出循环。
+
+~~~javascript
+// 无限循环  
+// 需求： 页面会一直弹窗询问你爱我吗？
+// (1). 如果用户输入的是 '爱'，则退出弹窗
+// (2). 否则一直弹窗询问
+
+// 1. while(true) 无限循环
+// while (true) {
+//   let love = prompt('你爱我吗?')
+//   if (love === '爱') {
+//     break
+//   }
+// }
+
+// 2. for(;;) 无限循环
+for (; ;) {
+  let love = prompt('你爱我吗?')
+  if (love === '爱') {
+    break
+  }
+}
+~~~
+
+## 综合案例-ATM存取款机
+
+
+
+![67101878155](assets/1671018781557.png)
+
+
+
+分析：
+
+①：提示输入框写到循环里面（无限循环）
+
+②：用户输入4则退出循环 break
+
+③：提前准备一个金额预先存储一个数额 money
+
+④：根据输入不同的值，做不同的操作
+
+​     (1)  取钱则是减法操作， 存钱则是加法操作，查看余额则是直接显示金额
+
+​     (2) 可以使用 if else if 多分支 来执行不同的操作
+
+完整代码：
+
+~~~javascript
+<script>
+  // 1. 开始循环 输入框写到 循环里面
+  // 3. 准备一个总的金额
+  let money = 100
+while (true) {
+  let re = +prompt(`
+请您选择操作：
+1.存钱
+2.取钱
+3.查看余额
+4.退出
+`)
+  // 2. 如果用户输入的 4 则退出循环， break  写到if 里面，没有写到switch里面， 因为4需要break退出循环
+  if (re === 4) {
+    break
+  }
+  // 4. 根据输入做操作
+  switch (re) {
+    case 1:
+      // 存钱
+      let cun = +prompt('请输入存款金额')
+      money = money + cun
+      break
+      case 2:
+      // 存钱
+      let qu = +prompt('请输入取款金额')
+      money = money - qu
+      break
+      case 3:
+      // 存钱
+      alert(`您的银行卡余额是${money}`)
+      break
+  }
+}
+</script>
+~~~
+
+
+
+
+
+
+
-- 
Gitee