From 2b4634e51c501adb3dad081c9ed811bfc9e7277e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B0=A2=E9=94=A1=E9=95=BF?= <1427856472@qq.com> Date: Thu, 24 Oct 2024 14:46:10 +0000 Subject: [PATCH 1/4] add README.md. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 谢锡长 <1427856472@qq.com> --- README.md | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..ac7c2ce --- /dev/null +++ b/README.md @@ -0,0 +1,39 @@ +# 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. 使用 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 14a7255cfc327a508adaced0ced78de295f7f15b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B0=A2=E9=94=A1=E9=95=BF?= <1427856472@qq.com> Date: Thu, 24 Oct 2024 22:49:44 +0800 Subject: [PATCH 2/4] one --- .../00.html" | 16 ++++++++++ .../01-\344\275\223\351\252\214js.html" | 30 +++++++++++++++++++ ...347\275\256-\345\206\205\351\203\250.html" | 16 ++++++++++ ...347\275\256-\345\244\226\351\203\250.html" | 17 +++++++++++ 4 files changed, 79 insertions(+) create mode 100644 "41 \350\260\242\351\224\241\351\225\277/20241024 \345\210\235\351\201\207jsp/00.html" create mode 100644 "41 \350\260\242\351\224\241\351\225\277/20241024 \345\210\235\351\201\207jsp/01-\344\275\223\351\252\214js.html" create mode 100644 "41 \350\260\242\351\224\241\351\225\277/20241024 \345\210\235\351\201\207jsp/02-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\206\205\351\203\250.html" create mode 100644 "41 \350\260\242\351\224\241\351\225\277/20241024 \345\210\235\351\201\207jsp/03-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\244\226\351\203\250.html" diff --git "a/41 \350\260\242\351\224\241\351\225\277/20241024 \345\210\235\351\201\207jsp/00.html" "b/41 \350\260\242\351\224\241\351\225\277/20241024 \345\210\235\351\201\207jsp/00.html" new file mode 100644 index 0000000..cad7d8e --- /dev/null +++ "b/41 \350\260\242\351\224\241\351\225\277/20241024 \345\210\235\351\201\207jsp/00.html" @@ -0,0 +1,16 @@ + + +
+ + +
+
+
+
+- 题目提示
+ - 通过prompt来弹出提示框,收集用户信息
+ - 通过变量保存数据
+
+### 增加年龄
+
+- 题目描述
+
+ 1、询问用户年龄,用户输入年龄后,把用户输入的年龄增加5岁
+
+ 2、增加5岁后,通过弹出框提示用户 “ 据我估计,五年后,你可能XX岁了”
+
+
+
+
+
+- 题目提示
+
+ - 通过prompt来弹出提示框,收集用户信息
+ - 通过变量保存数据
+ - 转换数据类型(需要预习第二天的数据类型转换哟)
+
+
+
+
+
+```jsp
+// 获取用户姓名
+let name = prompt("请输入你的姓名");
+// 获取用户年龄
+let age = prompt("请输入你的年龄");
+// 获取用户性别
+let sex = prompt("请输入你的性别");
+
+// 打印用户信息
+console.log("姓名:" + name);
+console.log("年龄:" + age);
+console.log("性别:" + sex);
+```
+
+
+
+### 计算银行卡余额案例
+
+- 题目描述
+
+ 1、用户输入总的银行卡金额,依次输入本月花费的电费,水费,网费。
+
+ 2、页面打印一个表格,计算出本月银行卡还剩下的余额。
+
+
+
+
+- 题目提示
+
+ - 思路:
+
+ 1.我们需要5个变量:银行卡总额、水费、电费、网费、银行卡余额
+
+ 2.银行卡余额= 银行卡总额 – 水费 –电费 - 网费
+
+ 3.第一步准备5个变量接受输入的数据
+
+ 4.第二步计算银行卡余额
+
+ 5.第三步页面打印生成表格,里面填充数据即可。
+
+ 6.当然可以提前把html页面搭好。
+
+
+
+
+
+
+
+```jsp
+
+
+
+
+