3.10 day20 js基础第二天

1.运算符

3.10 day20 js基础第二天_第1张图片

1.赋值运算符

3.10 day20 js基础第二天_第2张图片
3.10 day20 js基础第二天_第3张图片

2.自增减运算符

3.10 day20 js基础第二天_第4张图片
3.10 day20 js基础第二天_第5张图片
3.10 day20 js基础第二天_第6张图片
3.10 day20 js基础第二天_第7张图片
3.10 day20 js基础第二天_第8张图片
3.10 day20 js基础第二天_第9张图片
3.10 day20 js基础第二天_第10张图片

3.比较运算符

3.10 day20 js基础第二天_第11张图片
3.10 day20 js基础第二天_第12张图片
3.10 day20 js基础第二天_第13张图片
3.10 day20 js基础第二天_第14张图片
3.10 day20 js基础第二天_第15张图片

4.逻辑运算符

3.10 day20 js基础第二天_第16张图片
3.10 day20 js基础第二天_第17张图片
3.10 day20 js基础第二天_第18张图片
3.10 day20 js基础第二天_第19张图片

5.练习

3.10 day20 js基础第二天_第20张图片



    
    
    
    Document


    

6.运算符优先级

3.10 day20 js基础第二天_第21张图片
3.10 day20 js基础第二天_第22张图片

2.语句

1.表达式和语句

3.10 day20 js基础第二天_第23张图片
3.10 day20 js基础第二天_第24张图片
3.10 day20 js基础第二天_第25张图片
3.10 day20 js基础第二天_第26张图片

2.分支语句

1.流程控制语句

3.10 day20 js基础第二天_第27张图片

1.if语句

3.10 day20 js基础第二天_第28张图片
3.10 day20 js基础第二天_第29张图片

1.练习

3.10 day20 js基础第二天_第30张图片

2.双分支if语句

3.10 day20 js基础第二天_第31张图片

3.练习

3.10 day20 js基础第二天_第32张图片
3.10 day20 js基础第二天_第33张图片

4.练习

3.10 day20 js基础第二天_第34张图片
3.10 day20 js基础第二天_第35张图片

5.多分支if语句

3.10 day20 js基础第二天_第36张图片
3.10 day20 js基础第二天_第37张图片

3.三元运算符

3.10 day20 js基础第二天_第38张图片
3.10 day20 js基础第二天_第39张图片

1.练习

3.10 day20 js基础第二天_第40张图片
3.10 day20 js基础第二天_第41张图片

2.练习

3.10 day20 js基础第二天_第42张图片
3.10 day20 js基础第二天_第43张图片

4.switch语句

3.10 day20 js基础第二天_第44张图片

3.10 day20 js基础第二天_第45张图片

1.练习

3.10 day20 js基础第二天_第46张图片
3.10 day20 js基础第二天_第47张图片

5.循环语句

  1. 断点调试

3.10 day20 js基础第二天_第48张图片
3.10 day20 js基础第二天_第49张图片

2.while循环

3.10 day20 js基础第二天_第50张图片
3.10 day20 js基础第二天_第51张图片
3.10 day20 js基础第二天_第52张图片

3.10 day20 js基础第二天_第53张图片

3.练习

3.10 day20 js基础第二天_第54张图片
3.10 day20 js基础第二天_第55张图片

6.while大练习

3.10 day20 js基础第二天_第56张图片
3.10 day20 js基础第二天_第57张图片
3.10 day20 js基础第二天_第58张图片
3.10 day20 js基础第二天_第59张图片

7.循环退出

3.10 day20 js基础第二天_第60张图片

1.练习

3.10 day20 js基础第二天_第61张图片
3.10 day20 js基础第二天_第62张图片

8.ATM案例

3.10 day20 js基础第二天_第63张图片
3.10 day20 js基础第二天_第64张图片

3.主观题


1.核心知识点

  1. 打印0-20之间的整数, 将每个数输出到控制台


    
3.10 day20 js基础第二天_第65张图片

  1. 计算1-1000之间的累加和,并且打印输出到页面中


    
3.10 day20 js基础第二天_第66张图片
  1. 页面依次打印 100-200之间,可以被6整除的数字


    
3.10 day20 js基础第二天_第67张图片
  1. 用户弹窗输入两个数字,页面输出两个数字中的最大值(请使用三元运算符完成)


    
3.10 day20 js基础第二天_第68张图片
  1. 用户输入一个数, 计算 1 到这个数的累加和

  • 比如 用户输入的是 5, 则计算 1~5 之间的累加和

  • 比如用户输入的是10, 则计算 1~10 之间的累加和

    
3.10 day20 js基础第二天_第69张图片
  1. 输出成绩案例(请使用if多分支来书写程序)

题目描述:

接收用户输入的分数,根据分数输出对应的等级字母 A、B、C、D、E,

  • 90分(含)以上 ,输出:A80分(含)~ 90 分(不含),输出:B 70分(含)~ 80 分(不含),输出:C 60分(含)~ 70 分(不含),输出:D

  • 60分(不含) 以下,输出 E


    
  1. 输出星期练习(请使用switch分支语句来书写程序)

题目描述:

请用户输入1个星期数. 就将对应的英文的星期打印出来.

  • 比如用户输入'星期一', 则 页面可以打印 monday

  • 英文自己查有道。比如星期一是 monday 星期二是 tuesday


    
3.10 day20 js基础第二天_第70张图片
  1. 用户登录验证

题目描述:

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


    
3.10 day20 js基础第二天_第71张图片

2.综合案例变形

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

题目描述:

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

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

  • 则提示第一个弹窗,提示用户:'请您输入第一个数字'

  • 输入完毕则继续提示第二个弹窗,提示用户:'请您输入第二个数字'

  • 都输入完毕,则通过警示框 alert 输出结果

  • 如果输入是 q,则结束程序

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

具体效果如图:

3.10 day20 js基础第二天_第72张图片

    
3.10 day20 js基础第二天_第73张图片

3.排错题

排错题1

3.10 day20 js基础第二天_第74张图片
45行:prompt前加上+
6行:alert(`${num1 + num2}`)

排错题2

3.10 day20 js基础第二天_第75张图片
8行:判断等于请使用 ===

排错题3

3.10 day20 js基础第二天_第76张图片
8:去掉prompt前边的+
每一个case后边请加上break

4.选择题

3.10 day20 js基础第二天_第77张图片

你可能感兴趣的:(js基础,前端,html5,html,javascript)