2024年前端JavaScript入门到精通第二天笔记-编程知识

2024年前端JavaScript入门到精通第二天笔记

2.1 赋值运算符

2.2 自增运算符

2.3 比较运算符

2.4 逻辑运算符以及优先级

2.5 JS基础Day2-23-if单分支语句以及判断成绩案例

2.6 JS基础Day2-24-if双分支语句以及判断润年案例

2.7 JS基础Day2-25-i侈分支语句以及上午总结

2.8 JS基础Day2-26-三元运算符以及求最大值案例

2.9 JS基础Day2-27-数字补0案例

2.10 JS基础Day2-28-switch分支语句

2.11 基础Day2-29-断点调试

2.12 JS基础Day2-30-while循环

2.13 基础Day2-31-while循环大练习

2.14 基础Day2-32-退出循环以及你爱我吗案例

2.15 基础Day2-33-综合案例-简易ATM取款机案例

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><script>money = 100
while (true) {let re = +prompt(`请您选择操作：1.存钱2.取钱3.查看余额4.退出`)if (re === 4) {break}switch (re) {case 1:let cun = +prompt('请输入存钱金额')money = money + cunbreakcase 2:let qu = +prompt('请输入取钱金额')money = money - qubreakcase 3:alert(`你的银行卡余额是${money}`)break}
}
</script></body></html>

2.16 作业

一、每日作业-JavaScript第02天

主观题

核心知识点

打印0-20之间的整数, 将每个数输出到控制台
计算1-1000之间的累加和，并且打印输出到页面中
页面依次打印 100-200之间,可以被6整除的数字
用户弹窗输入两个数字，页面输出两个数字中的最大值（请使用三元运算符完成）
用户输入一个数，计算 1 到这个数的累加和

- 比如用户输入的是 5，则计算 1~5 之间的累加和
- 比如用户输入的是10，则计算 1~10 之间的累加和

输出成绩案例（请使用if多分支来书写程序）
题目描述：
接收用户输入的分数，根据分数输出对应的等级字母 A、B、C、D、E，

- 90分(含)以上，输出：A
  80分(含)~ 90 分(不含)，输出：B
  70分(含)~ 80 分(不含)，输出：C
  60分(含)~ 70 分(不含)，输出：D
- 60分(不含) 以下，输出 E

输出星期练习（请使用switch分支语句来书写程序）
题目描述：
请用户输入1个星期数. 就将对应的英文的星期打印出来.

- 比如用户输入'星期一'，则页面可以打印 monday
- 英文自己查有道。比如星期一是 monday 星期二是 tuesday

用户登录验证
题目描述：
接收用户输入的用户名和密码，若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功! 否则，让用户一直输入。

综合案例变形

需求：根据用户选择计算两个数的结果：

题目描述：

打开页面出现一个提示框，注意是一直提示的，'请您选择 + - * / ，如果输入q，则是退出结束程序

如果输入的是 + - / 其中任何一个，比如用户输入是 + ，则是计算求和，如果用户输入是 则是计算乘积

- 则提示第一个弹窗，提示用户：'请您输入第一个数字'
- 输入完毕则继续提示第二个弹窗，提示用户：'请您输入第二个数字'
- 都输入完毕，则通过警示框 alert 输出结果

如果输入是 q，则结束程序

提示：多分支请使用 if 多分支来完成

具体效果如图：

排错题

排错题1

<!-- 请问以下代码会出现什么问题，如何解决？ -->
<script>// 需求： 求用户输入2个数字的和let num1 = prompt('请输入第一个值')let num2 = prompt('请输入第二个值')alert(num1 + num2)
</script>

排错题2

<!-- 请问下面代码会出现什么问题，怎么去解决？ -->
<script>// 判断用户名的案例，用户会输入用户名// 1. 如果用户名输入'迪丽热巴'，则页面弹出 '用户名输入正确'// 2. 如果用户名输入不是'迪丽热巴'，否则弹出'用户名输入不正确'let username = prompt('请输入用户名:')if (username = '迪丽热巴') {alert('用户名输入正确')} else {alert('用户名输入不正确')}
</script>

排错题3

<body><!-- 请问以下代码会出什么问题？如何解决？ --><script>// 需求，用户输入1~10之间的整数，则循环打印用户输入的次数// 注意此处有2个错误，找出并且修正let num = prompt('请输入一个1~10之间的整数')let i = 1while (i < num) {console.log(`我是第${i}句话`)}</script>
</body>

排错题4

<body><!-- bug:请你找到下面代码代码穿透的原因,并找到匹配不上case里面的值的问题进行修改 --><script>// 需求： 用户输入1~4之间整数，对应输出 '春' '夏' '秋' '冬' // 例如用户输入 1 则输出 '春' ，用户输入 2，则输出 '夏' 以此类推// 注意： 此处有2个错误，找出并且修正let num = +prompt('请你输入一个1-4之间的值')switch (num) {case '1':alert('春')case '2':alert('夏')case '3':alert('秋')case '4':alert('冬')default:alert('请输入1~4之间整数')break}</script>