diff --git "a/16 \351\230\231\350\213\217\346\226\207/2023-10-26 \347\254\254\344\270\200\346\254\241\344\275\234\344\270\232.md" "b/16 \351\230\231\350\213\217\346\226\207/2023-10-26 \347\254\254\344\270\200\346\254\241\344\275\234\344\270\232.md" new file mode 100644 index 0000000000000000000000000000000000000000..6db9bc4c659556c9277c49884d20d1ff97c4a24e --- /dev/null +++ "b/16 \351\230\231\350\213\217\346\226\207/2023-10-26 \347\254\254\344\270\200\346\254\241\344\275\234\344\270\232.md" @@ -0,0 +1,80 @@ +# Day01 作业布置 + +## 一. 完成课堂所有的代码 + +```html + + + + + + Page Title + + + + + +

韩文杰

+

阙苏文

+ + + +

东边的山头有两头牛

+ + + + + + +``` + +```js +var nb=document.getElementById('cow'); +nb.onclick=function(){ + alert("公牛对母牛说I Love You") + alert("母牛对公牛说你羞不羞") + alert("公牛说不羞不羞I Love You") +} +``` + + + + + +## 二. 简单聊聊JavaScript的历史(自己的话术来总结) + +由多种语言杂交组合而来，包含C语言、Java、Scheme和Self + + + + + +## 三. 说说你对JS引擎的理解(自己的话术总结) + + 在浏览器中直接运行，不需要进行编译；也可以单独运行在Node中，我们生活中的大多数东西都有通过JS而来，比如 微信小程序、支付宝小程序和VSCode。 + + + +## 四. JavaScript的交互方式有哪些？(后两种方式) + +Document.write() + +prompt + + + +## 五. 定义一些你日常生活或者在某些程序中见到的变量(10个)(预习) + + + + + +## 六. 说出JavaScript中的常见数据类型以及它们代表的含义(预习) + + + diff --git "a/20231027\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232.md" "b/16 \351\230\231\350\213\217\346\226\207/2023-10-28 \347\254\254\344\272\214\346\254\241\344\275\234\344\270\232.md" similarity index 99% rename from "20231027\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232.md" rename to "16 \351\230\231\350\213\217\346\226\207/2023-10-28 \347\254\254\344\272\214\346\254\241\344\275\234\344\270\232.md" index 0d7481bc2910db7f309a8f238509f3a5074c43d6..7e39c391d381c64e9222901fa8933547184ed2a3 100644 --- "a/20231027\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232.md" +++ "b/16 \351\230\231\350\213\217\346\226\207/2023-10-28 \347\254\254\344\272\214\346\254\241\344\275\234\344\270\232.md" @@ -203,4 +203,5 @@ -``` \ No newline at end of file +``` + diff --git "a/16 \351\230\231\350\213\217\346\226\207/2023-10-31 \347\254\254\344\270\211\346\254\241\344\275\234\344\270\232.md" "b/16 \351\230\231\350\213\217\346\226\207/2023-10-31 \347\254\254\344\270\211\346\254\241\344\275\234\344\270\232.md" new file mode 100644 index 0000000000000000000000000000000000000000..d2ca08c5f47a6be98ac43e52fc9cd7c7569430af --- /dev/null +++ "b/16 \351\230\231\350\213\217\346\226\207/2023-10-31 \347\254\254\344\270\211\346\254\241\344\275\234\344\270\232.md" @@ -0,0 +1,263 @@ +2023年11月1日 + +# 循环 ，判断（switch，if，while） + + + +### 核心知识点 + +1. 打印0-20之间的整数, 将每个数输出到控制台 + + ```js + for (let i = 0; i < 21; i++) { + console.log(i) + } + ``` + + + +2. 计算1-1000之间的累加和，并且打印输出到页面中 + + ```js + let sum = 0; + for (let i = 0; i <= 1000; i++) { + sum +=i; + }; + console.log(sum) + ``` + + + +3. 页面依次打印 100-200之间,可以被6整除的数字 + + ```js + for (let i = 100; i <= 200; i++) { + if (i % 6 == 0) { + console.log(i) + } + } + ``` + + + +4. 用户弹窗输入两个数字，页面输出两个数字中的最大值（请使用三元运算符完成） + + ```javascript + alert('请输入两个数字，系统会自动比较两个数字的大小'); + let num; + let num2; + for (; ;) { + num = prompt(`请输入数字1`); + if (num.length == 0) { + alert(`请输入内容`); + } else { + break; + } + } + for (; ;) { + num2 = prompt(`请输入数字2`); + if (num2.length == 0) { + alert(`请输入内容`); + } else { + break; + } + } + alert(num > num2 ? `数字${num}比${num2}大` : `数字${num2}比${num}大`); + window.close(); + ``` + + + +5. **用户输入一个数， 计算 1 到这个数的累加和** + + - 比如 用户输入的是 5， 则计算 1~5 之间的累加和 + + - 比如用户输入的是10， 则计算 1~10 之间的累加和 + + ```js + let s; + while (true) { + s = +prompt(`请输入一个数字，系统会自动打印1到该数字`); + if (s < 0) { + alert('你输入的数字错误，请输入正数') + } else { + break; + } + } + for (let i = 1; i <= s; i++) { + console.log(i) + } + ``` + + + +6. **输出成绩案例（请使用if多分支来书写程序）** + + 题目描述： + + 接收用户输入的分数，根据分数输出对应的等级字母 A、B、C、D、E， + + - 90分(含)以上 ，输出：A + 80分(含)~ 90 分(不含)，输出：B + 70分(含)~ 80 分(不含)，输出：C + 60分(含)~ 70 分(不含)，输出：D + + - 60分(不含) 以下，输出 E + + ```js + + let s = +prompt('请输入一个100以内的的正数！系统会自动为该分数判定等级'); + if (s > 100 || s < 0) { + alert('非法输入！'); + } else if (s >= 90) { + alert('此分数被评为：A'); + } else if (s >= 80 && s < 90) { + alert('此分数被评为：B'); + } else if (s >= 70 && s < 80) { + alert('此分数被评为：C'); + } else if (s >= 60 && s < 70) { + alert('此分数被评为：D'); + } else if (s < 60) { + alert('此分数被评为：E'); + } + ``` + + + +7. **输出星期练习（请使用switch分支语句来书写程序）** + + 题目描述： + + 请用户输入1个星期数. 就将对应的英文的星期打印出来. + + - 比如用户输入'星期一'， 则 页面可以打印 monday + - 英文自己查有道。比如星期一是 monday 星期二是 tuesday + + ```js + + let s = +prompt('请输入一个数字，系统会自动判断星期几。'); + switch (s) { + case 1: + alert('周一'); + break; + case 2: + alert('周2'); + break; + case 3: + alert('周3'); + break; + case 4: + alert('周4'); + break; + case 5: + alert('周5'); + break; + case 6: + alert('周6'); + break; + case 7: + alert('周7'); + break; + default: + alert('非法输入！'); + } + + ``` + + + +8. **用户登录验证** + + 题目描述： + + 接收用户输入的用户名和密码，若用户名为 “admin” ,且密码为 “admin” ,则提示用户登录成功! 否则，让用户一直输入。 + + ```js + while (true) { + let username = prompt('请输入Username'); + let password = prompt('请输入Password'); + if (username != 'admin' && password != '123456') { + alert('username or password error！'); + } else { + window.close(); + alert('login success！'); + break; + } + } + + ``` + + + +### 综合案例变形 + +需求：根据用户选择计算两个数的结果： + +**题目描述：** + +打开页面出现一个提示框，注意是一直提示的，'请您选择 + - * / ，如果输入q，则是退出结束程序 + +- 如果输入的是 + - * / 其中任何一个，比如用户输入是 + ，则是计算求和，如果用户输入是 * 则是计算乘积 +- 则提示第一个弹窗，提示用户：'请您输入第一个数字' +- 输入完毕则继续提示第二个弹窗，提示用户：'请您输入第二个数字' +- 都输入完毕，则通过警示框 alert 输出结果 +- 如果输入是 q，则结束程序 + +提示：多分支请使用 if 多分支来完成 + +具体效果如图： + + + +```js + + let s; + while (true) { + s = prompt('请您选择 + - * / '); + if (s !== '+' && s !== '-' && s !== '*' && s !== '/') { + alert('请输入 + - * / 中任意一个') + } else { + break; + } + } + let s1 = +prompt('请输入第一个数字'); + let s2 = +prompt('请输入第二个数字'); + switch (s) { + case "+": + alert('结果是' + (s1 + s2)); + break; + case "-": + alert('结果是' + (s1 - s2)); + break; + case "*": + alert('结果是' + (s1 * s2)); + break; + case "/": + alert('结果是' + (s1 / s2)); + break; + default: + alert('sorry！error，浏览器将关闭！'); + window.close(); + } + +``` + + + +## 简答题：关键字汇总( 能够简单的说出来这些关键字干啥用的 ) + +- let 声明定义变量 +- typeof 判断数据类型 +- if 条件判断 +- else 条件判断 +- switch 条件判断 +- case 条件判断 +- default 条件判断 +- while 循环语句 +- break 跳出循环语句 +- continue 跳出本次循环进入下一次循环语句 + + + + + diff --git "a/16 \351\230\231\350\213\217\346\226\207/2023-11-1 \347\254\254\345\233\233\346\254\241\344\275\234\344\270\232\346\225\260\347\273\204.md" "b/16 \351\230\231\350\213\217\346\226\207/2023-11-1 \347\254\254\345\233\233\346\254\241\344\275\234\344\270\232\346\225\260\347\273\204.md" new file mode 100644 index 0000000000000000000000000000000000000000..46faf92bc81b3b9800ff6ce6744d77293b8562e3 --- /dev/null +++ "b/16 \351\230\231\350\213\217\346\226\207/2023-11-1 \347\254\254\345\233\233\346\254\241\344\275\234\344\270\232\346\225\260\347\273\204.md" @@ -0,0 +1,214 @@ +2023年11月1日 + +# 第四次作业 数组 + +## 点名系统： + +```html + + + + + Title + + + + + +

随机点名

+
+

未点名人员:

+
+
+

已点名人员:

+
+ + + +``` + +```js +let array1 = ['张吉惟', '林国瑞', '林玟书', '林雅南', '江奕云', '刘柏宏', '阮建安', '林子帆', '夏志豪', '吉茹定', '李中冰', '黄文隆', '谢彦文', '傅智翔', '洪振霞', '刘姿婷', '荣姿康', '吕致盈', '方一强', '黎芸贵', '郑伊雯', '雷进宝', '吴美隆', '吴心真', '王美珠', '郭芳天', '李雅惠', '陈文婷', '曹敏侑', '王依婷', '陈婉璇', '吴美玉', '蔡依婷', '郑昌梦', '林家纶', '黄丽昆', '李育泉', '黄芸欢', '吴韵如', '李肇芬', '卢木仲', '李成白', '方兆玉', '刘翊惠', '丁汉臻', '吴佳瑞', '舒绿珮', '周白芷', '张姿妤', '张虹伦', '周琼玟', '倪怡芳', '郭贵妃', '杨佩芳', '黄文旺', '黄盛玫', '郑丽青', '许智云', '张孟涵', '李小爱', '王恩龙', '朱政廷', '邓诗涵', '陈政倩', '吴俊伯', '阮馨学', '翁惠珠', '吴思翰', '林佩玲', '邓海来', '陈翊依', '李建智', '武淑芬', '金雅琪', '赖怡宜', '黄育霖', '张仪湖', '王俊民', '张诗刚', '林慧颖', '沈俊君', '陈淑妤', '李姿伶', '高咏钰', '黄彦宜', '周孟儒', '潘欣臻', '李祯韵', '叶洁启', '梁哲宇', '黄晓萍', '杨雅萍', '卢志铭', '张茂以', '林婉婷', '蔡宜芸', '林珮瑜', '黄柏仪', '周逸珮', '夏雅惠', '王采珮', '林孟霖', '林竹水', '王怡乐', '王爱乐', '金佳蓉', '韩健毓', '李士杰', '陈萱珍', '苏姿婷', '张政霖', '李志宏', '陈素达', '陈虹荣', '何美玲', '李仪琳', '张俞幸', '黄秋萍', '潘吉维', '陈智筠', '蔡书玮', '陈信峰', '林培伦', '查瑜舜', '黎慧萱', '郑士易', '陈建豪', '吴怡婷', '徐紫富', '张博海', '黎宏儒', '柯乔喜', '胡睿纯', '王淑月', '陈百菁', '王雅娥', '黄佩珊', '李必辰', '吴耀华', '彭郁婷', '王秀玲', '谢佳儒', '罗静蓁', '杨舒南', '蔡政琳', '杨绍瑜', '金育木', '杨韦成', '韩宁政', '蒋廷湖', '毛展霞', '廖婉宏', '黄怡强', '郭冰宇', '黄伟依', '叶元映', '林智超', '李姿婷', '李莉火', '邱雅雯', '王淑芳', '陈枝盈', '高成彦', '徐采伶', '杨大雪']; +let array2 = []; +window.onload = function () { + let elementById1 = document.getElementById("person1"); + let elementById2 = document.getElementById("person2"); + elementById1.innerHTML = array1; + let btn = document.getElementById("btn"); + btn.onclick = function () { + let length1 = array1.length; + let number1 = Math.floor(Math.random() * length1); + let strings1 = array1.splice(number1, 1); + array2.push(strings1); + elementById1.innerHTML = array1; + elementById2.innerHTML = array2; + if (array1.length == 0) { + array1 = array2; + array2 = []; + } + } +} +``` + +## 练习（Source PDF）: + +-- - + +### 数组求和 + +需求：求数组 [2,6,1,7, 4] 里面所有元素的和以及平均值 + +分析： + +①：声明一个求和变量 sum。 + +②：遍历这个数组，把里面每个数组元素加到 sum 里面。 + +③：用求和变量 sum 除以数组的长度就可以得到数组的平均值 + +```js +let array = [2, 6, 1, 7, 4]; +let avg,sum = 0; +for (let i = 0; i < array.length; i++) { + sum += array[i]; +} +avg = sum / array.length; +console.log(`所有元素的总和是${sum}，平均值是${avg}`); +``` + +---- + +需求：求数组 [2,6,1,77,52,25,7] 中的最大值 + +分析： + +①：声明一个保存最大元素的变量 max。 + +②：默认最大值可以取数组中的第一个元素。 + +③：遍历这个数组，把里面每个数组元素和 max 相比较。 + +④：如果这个数组元素大于max 就把这个数组元素存到 max 里面，否则继续下一轮比较。 + +⑤：最后输出这个 max + +```js +let array = [2, 6, 1, 77, 52, 25, 7]; +let max = -Infinity; +console.log(array); +for (let i = 0; i < array.length; i++) { + if (array[i] > max) { + max = array[i]; + } +} +console.log(`数组中最大值是${max}`); +``` + +**拓展：** + +自己求一下最小值 + +```js +let array = [2, 6, 1, 77, 52, 25, 7]; +let max = Infinity; +console.log(array); +for (let i = 0; i < array.length; i++) { + if (array[i] < max) { + max = array[i]; + } +} +console.log(`数组中最小值是${max}`); +``` + + + +## 案例 + +--- + +### 数组筛选 + +需求：将数组 [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 中大于等于 10 的元素选出来，放入新数组 + +分析： + +①：声明一个新的数组用于存放新数据newArr + +②：遍历原来的旧数组， 找出大于等于 10 的元素 + +③：依次追加给新数组 newArr + +```js +let array = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7]; +let newArr = []; +const num = 10; +for (let i = 0; i < array.length; i++) { + let arrayElement = array[i]; + if (array[i] >= num) { + newArr.push(array[i]); + } +} +console.log(`大于等于10的值有:${newArr}`); +``` + +
+ +数组去0案例 + +需求：将数组 [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 中的 0 去掉后，形成一个不包含 0 的新数组 + +分析： + +①：声明一个新的数组用于存放新数据newArr + +②：遍历原来的旧数组， 找出不等于0的元素 + +③：依次追加给新数组 newArr + +```js +let array = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7]; +let newArr = []; +let j = 0; +for (let i = 0; i < array.length; i++) { + if (array[i] == 0) { + continue; + } else { + newArr[j] = array[i]; + j++; + } +} +console.log(`不包含 0 的新数组:${newArr}`); +``` \ No newline at end of file diff --git "a/20231026js\345\237\272\347\241\200\344\275\234\344\270\232.md" "b/20231026js\345\237\272\347\241\200\344\275\234\344\270\232.md" deleted file mode 100644 index 889fa530d3759f409364b8e155f7bcef78a1e01a..0000000000000000000000000000000000000000 --- "a/20231026js\345\237\272\347\241\200\344\275\234\344\270\232.md" +++ /dev/null @@ -1,91 +0,0 @@ -# Day01 作业布置 - -## 一. 完成课堂所有的代码 - -```js - - - - - - - Document - - - 奥特曼 - - - 原神 - - - 番茄炒蛋，番茄炒鼻屎，番茄炒牛逼，番茄炒奥利给，番茄炒勾八 - - - - - - - -const bingEl = document.geteml("sb") -bingEl.onclick = function(){ - alert("Bing一下") -} - - -``` - - - - - -## 二. 简单聊聊JavaScript的历史(自己的话术来总结) - -javaScript是历史上第一个比较成熟的网络浏览器，轰动一时。但是，当时这个版本的浏览器只能用来浏览，不具备与访问者互动的能力。网景公司就急需一种网页脚本语言，使得浏览器可以与网页互动， 1995年网景公司招募了程序员Brendan Eich，希望将Scheme语言作为网页脚本语言的可能性； 就在当时，发生了另外一件大事：1995年Sun公司将Oak语言改名为Java，正式向市场推出；Java当初有一个口号：“write once run anywhere”； 网景公司动了心，决定与Sun公司结成联盟，希望将Java嵌入到网页中来运行，Brendan Eich本人非常热衷于Scheme，但是管理层那个时候有点倾向于Java，希望可以简化Java来适应网页脚本的需求；但是Brendan Eich对此并不感兴趣，他用10天时间设计出来了JavaScript； 最初这门语言的名字是Mocha（摩卡）；在Navigator2.0 beta版本更名为LiveScript； 在Navigator2.0 beta 3版本正式重命名为JavaScript，当时是为了给这门语言搭上Java这个热词； 当然10天设计出来语言足够说明Brendan Eich是天才， Brendan Eich曾经这样描述过JavaScript： 与其说我爱Javascript，不如说我恨它，它是C语言和Self语言一夜情的产物； 十八世纪英国文学家约翰逊博士说：'它的优秀之处并非原创，它的原创之处并不优秀，微软公司于1995年首次推出Internet Exlorer，从而引发了与Netscape的浏览器大战。 微软对Netscape Navigator解释器进行了逆向工程，创建了JScript， 除此之外，ActionScript和JScript也都是ECMAScript规范的实现语言； 所以说，ECMAScript是一种规范，而JavaScript是这种规范的一种实现。 - -## 三. 说说你对JS引擎的理解(自己的话术总结) - - js是一种程序虚拟机， - -简单地说，JavaScript引擎能够“读懂”JavaScript代码，并准确地给出代码运行结果的一段程序。如*var a = 1 + 2;* JavaScript引擎的作用就是（解析）这行代码，并且将a的值变为3 - -## 四. JavaScript的交互方式有哪些？(后两种方式) - -```js -alert /*接受一个参数 弹窗查看*/ -console.log /*接受多个参数 在浏览器控制台查看*/ -document.write /*接受多个字符串 在浏览器页面查看*/ - prompt /*接受一个参数 在浏览器接受用户输入*/ -``` - - - -## 五. 定义一些你日常生活或者在某些程序中见到的变量(10个)(预习) - -变量（Variant）字符串（string）、数值（number）、布尔值（boolean）、null、undefined对象（Object）、数组（Array）、函数（Function - - - -## 六. 说出JavaScript中的常见数据类型以及它们代表的含义(预习) - - - -布尔值（Boolean），有 2 个值分别是：`true` 和 `false` - -定义变量：const ，let ,var ,直接赋值 - -null，一个表明 null 值的特殊关键字。JavaScript 是大小写敏感的，因此 `null` 与 `Null`、`NULL`或变体完全不同 - -undefined，和 null 一样是一个特殊的关键字，undefined 表示变量未赋值时的属性 - -数字（Number），整数或浮点数，例如： `42` 或者 `3.14159` - -任意精度的整数（BigInt），可以安全地存储和操作大整数，甚至可以超过数字的安全整数限制 - -字符串（String），字符串是一串表示文本值的字符序列，例如：`"Howdy"` - -代表（Symbol，在 ECMAScript 6 中新添加的类型）。一种实例是唯一且不可改变的数据类型。