From c74e81dce30b83ee9cf80878fe245928f93f0f7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E6=B3=B0=E7=8E=AE?= <naehe@foxmail.com>
Date: Mon, 28 Oct 2024 01:20:22 +0800
Subject: [PATCH] tj

---
 .../20241025 \347\254\224\350\256\260.md"     | 144 ++++++++++++++++++
 1 file changed, 144 insertions(+)
 create mode 100644 "\345\273\226\346\263\260\347\216\256/20241025 \347\254\224\350\256\260.md"
diff --git "a/\345\273\226\346\263\260\347\216\256/20241025 \347\254\224\350\256\260.md" "b/\345\273\226\346\263\260\347\216\256/20241025 \347\254\224\350\256\260.md"
new file mode 100644
index 0000000..a78d06d
--- /dev/null
+++ "b/\345\273\226\346\263\260\347\216\256/20241025 \347\254\224\350\256\260.md"	
@@ -0,0 +1,144 @@
+## 简答题
+
+1.依次说明下面各打印语句的输出结果？
+
+```
+   const  num = 10
+   console.log( num + 11) // 21
+   console.log( num + '11') // 1011
+   console.log( num +  +'11') // 21
+```
+
+2.依次说明下面各打印语句的输出结果
+
+```
+const  num = 10
+console.log( typeof num + '11') // number11
+console.log( typeof (num + '11')) // string
+console.log( typeof (num +  +'11')) // number
+```
+
+## 编程题
+
+### 获取用户信息
+
+- 题目描述
+
+  依次询问并获取用户的姓名、年龄、性别，收集数据之后在控制台依次打印出来。
+
+  ```javascript
+  <script>
+      let userName = prompt('请输入您的姓名');
+      let userAge = prompt('请输入您的年龄');
+      let userGender = prompt('请输入您的性别');
+  
+      console.log(`用户的姓名:${userName}`);
+      console.log(`用户的年龄:${userAge}`);
+      console.log(`用户的性别:${userGender}`);
+  </script>
+  ```
+
+  具体表现如下图：
+
+![img](https://gitee.com/naehe/picture-bed/raw/master/photo/202410280118273.png) ![img](https://gitee.com/naehe/picture-bed/raw/master/photo/202410280118390.png)
+
+- 题目提示
+  - 通过prompt来弹出提示框，收集用户信息
+  - 通过变量保存数据
+
+### 增加年龄
+
+- 题目描述
+
+  1、询问用户年龄，用户输入年龄后，把用户输入的年龄增加5岁
+
+  2、增加5岁后，通过弹出框提示用户 “ 据我估计，五年后，你可能XX岁了”
+
+  ```javascript
+  <script>
+    let userAge = prompt('你现在多少岁了？');
+    console.log(`据我估计，五年后，你可能${+userAge + 5}岁了`);
+  </script>
+  ```
+
+  
+
+   
+
+  
+
+- 题目提示
+
+  - 通过prompt来弹出提示框，收集用户信息
+  - 通过变量保存数据
+  - 转换数据类型(需要预习第二天的数据类型转换哟)
+
+### 计算银行卡余额案例
+
+- 题目描述
+
+  1、用户输入总的银行卡金额，依次输入本月花费的电费，水费，网费。
+
+  2、页面打印一个表格，计算出本月银行卡还剩下的余额。
+
+  ```java
+    <style>
+        table {
+            margin: 0 auto;
+            width: 650px;
+            border: 1px  black;
+            text-align: center;
+            border-collapse: collapse;
+        }
+        tr,th,td {
+            border: 1px solid black;
+            text-align: center;
+        }
+    </style>
+  ```
+
+  ```html
+  <body>
+    <script>
+        let totalAmount = prompt('请输入银行卡总额：')
+        let waterAmount = prompt('请输入水费：')
+        let eletricAmount = prompt('请输入电费：')
+        let netWorkAmount = prompt('请输入网费：')
+    </script>
+    <table>
+        <caption><h1>2024年10月消费支出</h1></caption>
+        <tr>
+            <th>银行卡总额</th>
+            <th>水费</th>
+            <th>电费</th>
+            <th>网费</th>
+            <th>银行卡余额</th>
+        </tr>
+        <tr>
+            <th><script>document.write(`${totalAmount}元`)</script></th>
+            <th><script>document.write(`${waterAmount}元`)</script></th>
+            <th><script>document.write(`${eletricAmount}元`)</script></th>
+            <th><script>document.write(`${netWorkAmount}元`)</script></th>
+            <th><script>document.write(`${totalAmount - waterAmount - eletricAmount- netWorkAmount}元`)</script></th>
+        </script>
+        </tr>
+    </table>
+  ```
+
+  
+
+- 题目提示
+
+  - 思路：
+
+    1.我们需要5个变量：银行卡总额、水费、电费、网费、银行卡余额
+
+    2.银行卡余额= 银行卡总额 – 水费 –电费 - 网费
+
+    3.第一步准备5个变量接受输入的数据
+
+    4.第二步计算银行卡余额
+
+    5.第三步页面打印生成表格，里面填充数据即可。
+
+    6.当然可以提前把html页面搭好。
\ No newline at end of file
-- 
Gitee

