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

2.1 赋值运算符

2024年 前端JavaScript入门到精通 第二天 笔记_第1张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第2张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第3张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第4张图片

2.2 自增运算符

2024年 前端JavaScript入门到精通 第二天 笔记_第5张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第6张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第7张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第8张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第9张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第10张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第11张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第12张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第13张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第14张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第15张图片

2.3 比较运算符

2024年 前端JavaScript入门到精通 第二天 笔记_第16张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第17张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第18张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第19张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第20张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第21张图片

2.4 逻辑运算符以及优先级

2024年 前端JavaScript入门到精通 第二天 笔记_第22张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第23张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第24张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第25张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第26张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第27张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第28张图片

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

2024年 前端JavaScript入门到精通 第二天 笔记_第29张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第30张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第31张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第32张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第33张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第34张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第35张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第36张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第37张图片

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

2024年 前端JavaScript入门到精通 第二天 笔记_第38张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第39张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第40张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第41张图片

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

2024年 前端JavaScript入门到精通 第二天 笔记_第42张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第43张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第44张图片

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

2024年 前端JavaScript入门到精通 第二天 笔记_第45张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第46张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第47张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第48张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第49张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第50张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第51张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第52张图片

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

2024年 前端JavaScript入门到精通 第二天 笔记_第53张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第54张图片

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

2024年 前端JavaScript入门到精通 第二天 笔记_第55张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第56张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第57张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第58张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第59张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第60张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第61张图片

2.11 基础Day2-29-断点调试

2024年 前端JavaScript入门到精通 第二天 笔记_第62张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第63张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第64张图片

2.12 JS基础Day2-30-while循环

2024年 前端JavaScript入门到精通 第二天 笔记_第65张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第66张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第67张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第68张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第69张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第70张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第71张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第72张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第73张图片

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

2024年 前端JavaScript入门到精通 第二天 笔记_第74张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第75张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第76张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第77张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第78张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第79张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第80张图片

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

2024年 前端JavaScript入门到精通 第二天 笔记_第81张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第82张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第83张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第84张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第85张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第86张图片

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

2024年 前端JavaScript入门到精通 第二天 笔记_第87张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第88张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第89张图片


  
  
  
  
  Document
  
  
  
  
  

2.16 作业

一、每日作业-JavaScript第02天

主观题

核心知识点

  1. 打印0-20之间的整数, 将每个数输出到控制台
  2. 计算1-1000之间的累加和,并且打印输出到页面中
  3. 页面依次打印 100-200之间,可以被6整除的数字
  4. 用户弹窗输入两个数字,页面输出两个数字中的最大值(请使用三元运算符完成)
  5. 用户输入一个数,  计算 1 到这个数的累加和
    • 比如 用户输入的是 5, 则计算 1~5 之间的累加和
    • 比如用户输入的是10, 则计算 1~10 之间的累加和
  1. 输出成绩案例(请使用if多分支来书写程序)
    题目描述:
    接收用户输入的分数,根据分数输出对应的等级字母 A、B、C、D、E,
    • 90分(含)以上 ,输出:A
      80分(含)~ 90 分(不含),输出:B
      70分(含)~ 80 分(不含),输出:C
      60分(含)~ 70 分(不含),输出:D
    • 60分(不含) 以下,输出 E
  1. 输出星期练习(请使用switch分支语句来书写程序)
    题目描述:
    请用户输入1个星期数. 就将对应的英文的星期打印出来.
    • 比如用户输入'星期一', 则 页面可以打印  monday
    • 英文自己查有道。比如星期一是  monday  星期二是 tuesday
  1. 用户登录验证
    题目描述:
    接收用户输入的用户名和密码,若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功!  否则,让用户一直输入。

综合案例变形

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

题目描述:

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

  • 如果输入的是 + - / 其中任何一个,比如用户输入是 + ,则是计算求和,如果用户输入是  则是计算乘积
    • 则提示第一个弹窗,提示用户:'请您输入第一个数字'
    • 输入完毕则继续提示第二个弹窗,提示用户:'请您输入第二个数字'
    • 都输入完毕,则通过警示框 alert 输出结果
  • 如果输入是 q,则结束程序

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

具体效果如图:

2024年 前端JavaScript入门到精通 第二天 笔记_第90张图片

排错题

排错题1


排错题2


排错题3


  
  

排错题4


  

  

客观题

2024年 前端JavaScript入门到精通 第二天 笔记_第91张图片

2024年 前端JavaScript入门到精通 第二天 笔记_第92张图片

简答题:关键字汇总( 能够简单的说出来这些关键字干啥用的 )

  • let    声明变量
  • typeof   检测数据类型
  • if   条件语句如果
  • else   否则
  • switch    分支语句
  • case   选项
  • default      默认语句
  • while
  • break    退出循环
  • continue    继续下一次循环

你可能感兴趣的:(前端,javascript,笔记)