diff --git "a/04 \346\235\216\346\230\216\345\201\245/20231031 JavaScript\345\237\272\347\241\200\347\254\25402\345\244\251\344\275\234\344\270\232.md" "b/04 \346\235\216\346\230\216\345\201\245/20231031 JavaScript\345\237\272\347\241\200\347\254\25402\345\244\251\344\275\234\344\270\232.md" new file mode 100644 index 0000000000000000000000000000000000000000..c8b9c28f0753d24dcb15ba51c530e3c65effc180 --- /dev/null +++ "b/04 \346\235\216\346\230\216\345\201\245/20231031 JavaScript\345\237\272\347\241\200\347\254\25402\345\244\251\344\275\234\344\270\232.md" @@ -0,0 +1,260 @@ +### 课堂练习 + +~~~ html + +~~~ + + + +### 核心知识点 + +1. 打印0-20之间的整数, 将每个数输出到控制台 + + ~~~ js + for(i = 0;i<=20;i++){ + console.log(i); + } + ~~~ + +2. 计算1-1000之间的累加和,并且打印输出到页面中 + + ~~~ js + let sum = 0 + for(i=1;i<=1000;i++){ + sum += i + } + document.write(sum) + ~~~ + +3. 页面依次打印 100-200之间,可以被6整除的数字 + + ~~~ js + for (i = 100; i <= 200; i++) { + if (i % 6 === 0) { + document.write(i + ' ') + } + } + ~~~ + +4. 用户弹窗输入两个数字,页面输出两个数字中的最大值(请使用三元运算符完成) + + ~~~ js + let num1 = +prompt('请输入第一个数') + let num2 = +prompt('请输入第二个数') + num1 > num2 ? document.write(num1) : document.write(num2) + ~~~ + +5. **用户输入一个数, 计算 1 到这个数的累加和** + + - 比如 用户输入的是 5, 则计算 1~5 之间的累加和 + - 比如用户输入的是10, 则计算 1~10 之间的累加和 + + ~~~ js + let num = +prompt('请输入第一个整数') + let sum = 0 + for(i=1;i<=num;i++){ + sum += i + } + console.log(sum); + ~~~ + +6. **输出成绩案例(请使用if多分支来书写程序)** + + 题目描述: + + 接收用户输入的分数,根据分数输出对应的等级字母 A、B、C、D、E, + + - 90分(含)以上 ,输出:A + 80分(含)~ 90 分(不含),输出:B + 70分(含)~ 80 分(不含),输出:C + 60分(含)~ 70 分(不含),输出:D + - 60分(不含) 以下,输出 E + + ~~~ js + let score = +prompt('请输入分数') + if (score < 0 || score > 100) { + console.log('非法数字'); + } else if (score < 60) { + console.log('E'); + } else if (score < 70) { + console.log('D'); + } else if (score < 80) { + console.log('C'); + } else if (score < 90) { + console.log('B'); + }else { + console.log('A'); + } + ~~~ + +7. **输出星期练习(请使用switch分支语句来书写程序)** + + 题目描述: + + 请用户输入1个星期数. 就将对应的英文的星期打印出来. + + - 比如用户输入'星期一', 则 页面可以打印 monday + - 英文自己查有道。比如星期一是 monday 星期二是 tuesday + + ~~~ js + let week = prompt('请输入一个星期数(如:星期一)') + switch (week) { + case '星期一': + alert('Monday') + break + case '星期二': + alert('Tuesday') + break + case '星期三': + alert('Wednesday') + break + case '星期四': + alert('Thursday') + break + case '星期五': + alert('Friday') + break + case '星期六': + alert('Saturday') + break + case '星期天': + alert('Sunday') + break + default: + alert('非法输入') + } + ~~~ + +8. **用户登录验证** + + 题目描述: + + 接收用户输入的用户名和密码,若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功! 否则,让用户一直输入。 + + ~~~ js + const userName = prompt('请输入用户名:') + const password = prompt('请输入密码:') + if (userName === 'admin' && password === '123456') { + alert('登录成功!') + } else { + alert('登录失败!') + } + ~~~ + +### 综合案例变形 + +需求:根据用户选择计算两个数的结果: + +**题目描述:** + +打开页面出现一个提示框,注意是一直提示的,'请您选择 + - * / ,如果输入q,则是退出结束程序 + +- 如果输入的是 + - * / 其中任何一个,比如用户输入是 + ,则是计算求和,如果用户输入是 * 则是计算乘积 + - 则提示第一个弹窗,提示用户:'请您输入第一个数字' + - 输入完毕则继续提示第二个弹窗,提示用户:'请您输入第二个数字' + - 都输入完毕,则通过警示框 alert 输出结果 +- 如果输入是 q,则结束程序 + +提示:多分支请使用 if 多分支来完成 + +具体效果如图: + + + +~~~ html + +~~~ + + + +## 简答题:关键字汇总( 能够简单的说出来这些关键字干啥用的 ) + +- let :定义变量(可更改) +- typeof :检测数据类型 +- if :条件分支(如果…就执行…) +- else 条件分支(否则执行…) +- switch :判断某一个可变的值 +- case :匹配某个值 +- default :如果都不匹配,就走这里 +- while :循环做某一件事(当…的时候) +- break :跳出(结束循环或分支语句) +- continue :跳过(跳过某一项不执行) + + + + +