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

最新推荐文章于 2024-07-16 11:12:44 发布

PieroPc

最新推荐文章于 2024-07-16 11:12:44 发布

阅读量946

点赞数 17

分类专栏： Html_CSS_JavaScript 文章标签：前端 javascript 笔记

本文链接：https://blog.csdn.net/PieroPc/article/details/136146741

版权

Html_CSS_JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

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 + cun
      break
    case 2:
      let qu = +prompt('请输入取钱金额')
      money = money - qu
      break
    case 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 = 1
    while (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>