01-判断
判断 流程控制语句
判断值都是真假值
真:true 非0数字 非空字符串
假:false 0 '' null NaN undefined
书写格式
如果 (条件) { 语句 }
if (false) { // 条件不成立忽略此条代码
alert('ok')
}
如果 (条件) { 语句 } 否则 { 语句2 }
if (' ') {
alert('ok')
} else {
alert('bOk')
}
判断年龄
var age = 12
var age = prompt('输入年龄')
if (age >= 18) {
alert('成年')
} else {
alert('未成年')
}
判断一个数字是奇数还是偶数
var num = prompt('输入数字')
if (num % 2 == 0) {
alert('偶数')
} else {
alert('奇数')
}
02-多条件判断
书写格式
如果 (条件) { 语句 } 如果 (条件) { 语句 }
输入框里的内容都是字符串!!!!!!
判断星期几
if (week === 1) {
alert('星期一')
} else if (week === 2) {
alert('星期二')
} else if (week === 3) {
alert('星期三')
} else {
alert('输入有误')
}
03-计算器
点击赋值
点击按钮
btn.onclick = function () {
拿到第一个框的值
alert(first.value)
alert(Number(first.value) +
Number(second.value))
给结果的输入框赋值
result.value = Number(first.value) +
Number(second.value)
计算器整体格式
<input id="first" type="text">
<select id="s1">
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
<option>%</option>
</select>
<input id="second" type="text">
<input id="btn" type="button" value="=">
<input id="result" type="text">
<script>
// 点击按钮
btn.onclick = function () {
// 看看select的value值是什么
// console.log(s1.value)
if (s1.value === '+') {
// 给结果的输入框赋值
result.value = Number(first.value) + Number(second.value)
} else if (s1.value === '-') {
result.value = Number(first.value) - Number(second.value)
}
}
</script>
输入有误
点击按钮
btn.onclick = function () {
if (isNaN(first.value) ||
isNaN(second.value)) {
alert('输入有误')
}
}
04-判断一个内容是不是NaN
console.log(Number('12a'))
console.log(isNaN('12a')) ->true
console.log(isNaN(12)) ->false
05-判断闰年
if (year % 4 === 0 && year % 100 !== 0 ||
year % 400 === 0) {
alert('闰年')
} else {
alert('平年')
}
06-判断分数
判断分数
A 100
B 90 - 99
C 80 - 89
D 70 - 79
E 60 - 69
不及格 0 - 59
console.log('1' - 0)
- * / % == 隐式类型转换
var n = prompt('输入分数') - 0
if (n >= 0 && n <= 100) {
if (n === 100) {
alert('A')
} else if (n >= 90 && n <= 99) {
alert('B')
} else if (n >= 80 && n <= 89) {
alert('C')
} else if (n >= 70 && n <= 79) {
alert('D')
} else if (n >= 60 && n <= 69) {
alert('E')
} else {
alert('不及格')
}
} else {
alert('分数有误')
}
07-switch
写法
变量 === 值 执行语句
switch (变量) {
case 值:
语句1
break 结束
case 值:
语句2
break
case 值:
语句3
break
default: 前面条件都不成立,执行默认语句
默认语句
break 可以省略
}
switch判断星期
var week = prompt('输入星期') - 0
switch (week) {
case 1:
alert('星期一')
break
case 2:
alert('星期二')
break
case 3:
alert('星期三')
break
case 4:
alert('星期四')
break
case 5:
alert('星期五')
break
case 6:
alert('星期六')
break
case 7:
alert('星期日')
break
}
08-switch判断分数
var n = prompt('输入分数')
// console.log(n)
if (n >= 0 && n <= 100) {
n = parseInt(n / 10)
switch (n) {
case 10:
alert('A')
break
case 9:
alert('B')
break
case 8:
alert('C')
break
case 7:
alert('D')
break
case 6:
alert('E')
break
default:
alert('不及格')
break
}
} else {
alert('输入有误')
}
09-switch特性
穿透性
var res = 500
var n = 4
switch (n) {
case 5:
res += 100
case 4:
res += 100
case 3:
res += 100
case 2:
res += 100
case 1:
res += 100
}
alert(res)
10-一年中某个月有多少天
var year = prompt('输入年份')
var month = prompt('输入月份') - 0
switch (month) {
case 4:
case 6:
case 9:
case 11:
alert('30天')
break
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
alert('31天')
break
case 2:
if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
alert('29天')
} else {
alert('28天')
}
break
default:
alert('一年只有12个月')
break
}
11-判断简写
简写
一行语句的时候可以简写
if (true)
alert('ok')
else
alert('bOk')
三目 三元 三运
- 条件 ? 语句1 : 语句2
false ? alert('ok') : alert('bOk')