var aa=parseInt(prompt("请输入你的年龄"));     //定义输入
if(aa<18){ //输出小于18,返回值少年
alert("少年");
}else if(aa>=18 && aa<=40){ //输入18-40之间返回小哥哥
alert("小哥哥");
}else if(aa>40 && aa<70){
alert("大叔");
}else{
alert("大爷");
}

 if...else if...   如果....否则.... 

1、if结构

语法:if(条件){条件满足时执行的代码块}

2、if else结构

语法:if(条件){条件满足时执行的代码块}
     else{条件不满足时执行的代码块}

3、if else-if结构

语法:if(条件){条件满足时执行的代码块}
     else if{第二条件满足时执行的代码块} 
     else if{第三条件满足时执行的代码块}
     else{以上条件都不满足时执行的代码块}

4、switch case语句

语法:switch(条件){
    case 匹配值:

    执行代码块1;

    break;} default: 没匹配到case对应值时执行的代码块;

	var diancan = prompt("请输入你要的饮料");
switch(diancan){
case"可口可乐": //输入可口可乐,返回值你需要5元
alert("你需要5元");
break;
case"橘子汁":
alert("你需要支付6元");
break;
case"热牛奶":
alert("你需要支付7元");
break;
case"咖啡":
alert("你需要支付8元");
break;
case"圣代":
alert("你需要支付9元");
break;
default:
alert("暂无此商品");
}

小练习:

1.输入一个数,判断是0~100之间的数

var aa = parseInt(prompt("输入一个数"));
if(aa>=0 && aa<=100){
alert("在0-100之内");
}else{
alert("在0-100之外");
}

2.输入姓名,分数判断是否及格,如果超过80分则输出 “你学的不错,值得表扬!”,如果在50—60分之间则输出“就差一点点,再加把劲”,如果小于50则输出“使劲努力,不要偷懒!”  

     var name = prompt("输入姓名");
var grade = prompt("输入分数");
if(grade>80){
alert("你学的不错");
}else if(grade<80 && grade>50){
alert("再加把劲");
}else{
alert("使劲努力");
}

3.标准体重:
男士体重=身高-100±3,女士体重=身高-110±3
将公式变形为:男士体重-身高+100=±3 女士体重-身高+110=±3
var jg = tz-sg+100

 

     var sex = prompt("输入你的性别");
var tz = Number(prompt("输入你的体重"));
var sg = Number(prompt("输入你的身高"));
var jg1 = tz-sg+100;
var jg2 = tz-sg+110;
switch (sex){
case"男":
if(jg1>=-3 && jg1<=3){
alert("合格")}
else{
alert("不合格");
break;
}
case"女":
if(jg2>=-3 && jg2<=3){
alert("合格")
}
else{
alert("不合格");
break;
} }

 

 4、输入一个年份,判断是否是闰年(能被4整除却 不能被100整除的年份。世纪年份能被400整除的是 闰年) 
     var y = prompt("输入一个年份");
if(y%4==0&&y%100!=0||y%400==0){
alert("这是闰年");
}else{
alert("不是闰年");
}

5、//一个游戏,前20关是每一关自身的分数,
//21-30关每一关是10分
//31-40关,每一关是20分
//41-49关,每一关是30分
//50关,是100分

输入你现在闯到的关卡数,求你现在拥有的分数

        var g = Number(prompt("输入你的关卡"));
var fs1 = g;
var fs2 = 20+(g-20)*10;
var fs3 = 120+(g-30)*20;
var fs4 = 320+(g-40)*30;
var fs5 = 590+100;
if(g<=20){
alert(fs1);
}else if(g<=30 && g>20){
alert(fs2);
}else if(g>30 && g<=40){
alert(fs3);
}else if(g>40 && g<=49){
alert(fs4);
}else if(g=50){
alert(fs5);
}

 6、使用三元运算符判断三个数中最大的数 

var a = Number(prompt("输入数字1"));
var b = Number(prompt("输入数字2"));
var c = prompt("输入数字3");
var d = a>b?(a>c? a:c):(b>c? b:c)
//先比对括号a和c,再比对括号里的b和c。再把括号里比对出来的跟括号外的比对,赋值给d
if(d){
  alert(d);
}

  

三元运算符

语法:条件?代码块1:代码块2

如果条件为真则执行代码块1,反之执行代码块2.

例如:

JS的if和switch的更多相关文章

  1. vue.js开发之开关(switch)组件

    最近开发组件的时候,自定义开发了开关(switch)组件,现将代码整理如下,方便日后复用. toggle-switch.vue <template> <label role=&quo ...

  2. js中if else switch 条件判断的替代方法

    function condition(test){ return({ cat :function(){console.log('cat');}, dog :function(){console.log ...

  3. Practical Node.js (2018版) 第5章:数据库 使用MongoDB和Mongoose,或者node.js的native驱动。

    Persistence with MongoDB and Mongoose https://github.com/azat-co/practicalnode/blob/master/chapter5/ ...

  4. JavaWeb(HTML +css+js+Servlet....)

    注意 1.不要把函数命名为add(),不然容易和自带的冲突报错 2.是createElement 不要把create中的e写掉了 3.记得是getElementsByTaxName和getElemen ...

  5. Day04 dom详解及js事件

    day04 dom详解 DOM的基础 Document对象 Element对象 Node对象 innerHTML 事件处理 表单验证   上次课内容回顾: JS中ECMAScript用法: JS定义变 ...

  6. 微信小程序组件switch

    表单组件switch:官方文档 Demo Code: Page({ switch1Change: function (e){ console.log('switch1 发生 change 事件,携带值 ...

  7. JSON.stringify() / JSON.parse()

    JSON.stringify() 这个方法可以把javascript对象转换成json字符串. JSON.parse() 这个方法可以把 json 字符串转换成 javascript对象. [下面来看 ...

  8. songtaste网站歌曲真实URL获取

    个人挺喜欢songtaste网站的歌曲的,下载方法也层出不穷,可是作为程序员如果不知其中原理的方法真是羞愧.首先简单点的方法当然有google插件这样的嗅探器了,不过这种工具的原理还不是很了解.今天先 ...

  9. coffeeScript 语法总结

    CoffeeScript ---->安装node.js ---->安装coffeeScript 语句: 注意:没有分号,语句由新的一行结束:多条语句写到同一行时需要分号表示一条语句的结束( ...

随机推荐

  1. Android RecyclerView 滚动到中间位置

    最近看到QQ音乐的歌词每次滑动后都可以滚回到中间位置.觉得甚是神奇,打开开发者模式显示布局,发现歌词部分不是采用 android 控件的写的,应该是前端写的.于是,我想,能不能用 recyclerVi ...

  2. http状态码是什么,有什么用,在哪里查看,分别代表什么意思?

    写在前面: 当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求.当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头用以响应浏览器的请求.本文主要是:关于ht ...

  3. canvas小球

      小球碰撞效果是采用面向对象的方式写的,在小球的构造器里包含了小球的属性值,大小,移动速度,半径大小以及颜色. 在小球的原型方法里,添加了小球运动的方法,当小球碰撞到屏幕边界的时候进行反弹. 小球是 ...

  4. struts2和spring mvc的区别

    在项目中使用struts2和spring mvc为了实现后台的业务代码和前台数据之间的传递,现在基本上不会有用struts2的了,几次面试问的最多的关于struts2的问题就是struts2和spri ...

  5. Maven-08: 插件的配置

    完成了插件和生命周期的绑定之后,用户还可以配置插件目标的参数,进一步调整插件目标所执行的任务,以满足项目的需求.几乎所有Maven插件的目标都有一些可配置的参数.用户可以通过命令行和POM配置等方式来 ...

  6. 20个JS正则表达式

    1 . 校验密码强度密码的强度必须是包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间. ^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$ 2. 校验中文 ...

  7. 微信APP长按图片禁止保存到本地

    项目遇到一个问题,在web页面中,禁止长按图片保存, 使用css属性:  img { pointer-events: none; } 或者  img { -webkit-user-select: no ...

  8. 【Zabbix】大规模监控误报发生时的处理方案

    今天遇到了这样一件事..Zabbix一直在用的数据库突然间崩溃,无法连接了.在down掉的那一时刻开始,zabbix向管理员报了警.然后随之而来的是铺天盖地的所有主机zabbix agent无法连接的 ...

  9. 【Python】 Selenium 模拟浏览器 寻路

    selenium 最开始我碰到SE,是上学期期末,我们那个商务小组做田野调查时发的问卷的事情.当时在问卷星上发了个问卷,但是当时我对另外几个组员的做法颇有微词,又恰好开始学一些软件知识了,就想恶作剧( ...

  10. 在react中引入下拉刷新和上拉加载

    1. 首先引入插件 import ReactPullLoad, {STATS} from 'react-pullload' 2. 初始化: constructor(props) { super(pro ...