if-else分为三种
① 单分支结构
var i = 80
// 考试分数是否及格
if(age >= 80) {
console.log("及格")
}
cosole.log("你已及格,继续努力")
② 双分支结构
var score = 89
console.log("注意考场秩序")
if(score >= 60) {
console.log("考核及格")
} else {
console.log("考核不及格")
}
console.log("考核结束")
③ 多分支结构
var score2 = 100
if(score2 > 0 && score2 < 60) {
console.log("不及格")
} else if(score2 >= 60 && score2 < 80) {
console.log("及格")
} else if(score2 >= 80 && score2 < 90) {
console.log("良好")
} else if(score2 >= 90 && score2 <= 100) {
console.log("优秀")
} else {
console.log("未显示正确的成绩")
}
拓展
基础石头剪刀布用户体验:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" id="user" placeholder="请输入您的招数(石头|剪刀|布)">
<button id="btn">判断</button>
<script>
var _btn = document.getElementById("btn")
// 1、记录用户输入
var _user = document.getElementById("user")
var _userChuzhao = ""
// 添加一个输入改变事件 onchange输入框中的数据发生变化就会产生的事件
_user.onchange = function () {
_userChuzhao = _user.value
// alert("用户出招:" + _userChuzhao)
}
_btn.onclick = function () {
// 2、记录 程序自动生成的招数(1-石头 2-剪刀 3-布)
// Math.random() 生成一个0~1之间的随机数
// Math.random()*3 生成一个0~3之间的随机数
// Math.ceil() 向上取整 0.1-> 1 2.2-> 3 1.3-> 2
var _computer = Math.ceil(Math.random() * 3)
var _comChuzhao = ""
if (_computer === 1) {
_comChuzhao = "石头"
} else if (_computer === 2) {
_comChuzhao = "剪刀"
} else if (_computer === 3) {
_comChuzhao = "布"
}
// alert("电脑出招:" + _comChuzhao)
// 3、判断 谁输谁赢
if( (_userChuzhao === "剪刀" && _comChuzhao === "布") ||
(_userChuzhao === "石头" && _comChuzhao === "剪刀") ||
(_userChuzhao === "布" && _comChuzhao === "石头")
) {
alert("用户出招(" + _userChuzhao + "); 电脑出招(" + _comChuzhao +");玩家胜出")
} else if(_userChuzhao === _comChuzhao) {
alert("用户出招(" + _userChuzhao + "); 电脑出招(" + _comChuzhao +");平局")
} else {
alert("用户出招(" + _userChuzhao + "); 电脑出招(" + _comChuzhao +");电脑胜出")
}
}
</script>
</body>
</html>