add HTML/CSS/JS daily challenge for web department

2026-09-10 22:58:30 +08:00
commit a664c18d1b
15 changed files with 910 additions and 0 deletions
@@ -0,0 +1,44 @@
+# Day_8 · 数据类型转换与运算符
+
+> 预计耗时：20~30 分钟
+> 用户输入到网页里的都是字符串，要做计算得先"转换类型"。今天学转换和算术运算。
+
+## 今日知识点
+
+- 字符串 → 数字：`Number("18")`；数字 → 字符串：`String(18)`
+- 算术：`+` `-` `*` `/` `%`（取余）
+- 注意：`+` 用在字符串上是**拼接**，不是相加
+
+## 先学（教程）
+
+- 菜鸟教程 JS（看"JS 运算符"和"JS 类型转换"）：https://www.runoob.com/js/js-operators.html
+- MDN·数字与字符串：https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/First_steps/Math
+- B站视频（黑马程序员，看讲"类型转换、运算符"的几集，选看）：https://www.bilibili.com/video/BV1Y84y1L7Nn/
+
+## 任务（后做）
+
+在控制台里逐行运行并**先猜结果，再对答案**：
+
+1. `"1" + "2"` 结果是？
+2. `1 + 2` 结果是？
+3. `Number("18") + 1` 结果是？
+4. `"18" + 1` 结果是？（字符串拼接）
+5. `10 % 3` 结果是？
+
+## 完成标准
+
+- [ ] 能说出 `"1" + "2"` 为什么是 `"12"` 而不是 `3`
+- [ ] 会用 `Number()` 把字符串转数字
+- [ ] 理解 `%` 取余
+
+**提交方式**：把控制台截图（含你的输入和输出）贴在当日工单评论里。
+
+## 参考解答（先做再看）
+
+```javascript
+"1" + "2"        // "12"  —— 字符串拼接
+1 + 2            // 3     —— 数字相加
+Number("18") + 1 // 19    —— 转成数字再相加
+"18" + 1         // "181" —— 数字被转成字符串拼接
+10 % 3           // 1     —— 10 除以 3 余 1
+```