<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>分支结构</title>
</head>
<body>
<!--表达式,语句
表达式:由常量,变量,运算符组成的就是表达式.表达式都有值.
10+5
var a = 5
a + 6
7
表达式根据结果可以分为两类:
1.整形表达式 a + 5
2.条件表达式 a > 5
语句:语句是程序执行的最小单位.
注意:每条语句都会以分号结尾,但是js里分号是可以省略的,但是建议加上分号.
-->
<!--程序运行的三大结构
1.顺序结构:代码从上到下,从左到右依次执行(不重不漏)
2.分支结构:根据不同的情况执行不同的代码.判断
3.循环结构:重复执行某段代码.
-->
<!--分支结构:
1.if语句:
2.switch语句
-->
<!--if语句的第一种形式
if(条件表达式){
}
如果条件表达式为真,执行大括号内的代码,如果为假,不执行大括号内的代码,跳出大括号执行if语句后的代码.
-->
<!--<script type="text/javascript">
var age = 19;
if(age > 18){
alert("我们要去学习!");
}
</script>-->
<!--练习1 输入一个字母,如果是m就输出男性,否则什么就不输出.-->
<!--<input type="text" id="input1" />
<input type="button" id="btn" value="点击一下"/>
<script>
var btn = document.getElementById("btn");
var input1 = document.getElementById("input1")
btn.onclick = function(){
var d = input1.value
// var d = document.getElementById("input1").value;
if(d=="m"){
alert("man");
}
}
</script>-->
<!--<script>
btn.onclick = function(){
if(input1.value = "m"){
alert("男")
}
}
</script>-->
<!--<input type="text" id="input1" />
<input type="button" id="btn" value="点击一下" οnclick="sex()"/>
<script>
function sex(){
var d = document.getElementById("input1").value;
if(d == "m"){
alert("男性");
}else{
alert("女性");
}
}
/*
*函数的定义:
* fuction 函数名(参数列表){
* 语句
* }
* 注意:只定义函数,函数里的代码是不会执行的,需要对函数进行调用,函数内的代码才会执行.
* 函数调用的语法:
* 函数名()
*/
</script>-->
<!--if语句的第二种形式:
语法:if(条件表达式){
语句1
}else{
语句2
}
如果条件表达式成立执行语句1,不成立,执行语句2.
-->
<!--<script>
var age = 18;
if (age >= 18) {
alert("看电影")
}else{
alert("旅游")
}
</script>-->
<!--练习2 输入年龄,判断,如果年龄在[18,22],输出"妹子跟我走",否则,输入"回家注意安全"-->
<!--<input type="text" id="input1"/>
<input type="button" id="btn" value="点击"/>
<script>
var btn = document.getElementById("btn")
btn.onclick = function(){
var age = document.getElementById("input1").value;
// if(age >= 18 && age <= 22){
// alert("跟我走")
// }else{
// alert("回家")
// }
if (age >= 18) {
if (age <= 22){
alert("跟我走");
}else{alert("回家")}
}
else{
alert("回家")
}
} -->
<!--</script>-->
<!--练习3 输入一个年份,判断,是平年还是闰年
判断是不是闰年(年份能被400整除)或者(能被4整除但是不能被100整除)
-->
<!--<input type="text" id="input1" placeholder="输入年份"/>
<input type="button" id="btn" value="判断" οnclick="year()"/>
<script type="text/javascript">
var btn = document.getElementById("btn")
function year(){
var y = document.getElementById("input1").value
// if (y %400 == 0) {
// alert("闰年")
// } else{
// if (y %4 ==0 && y %100 != 0){alert("闰年")}
// else{alert("平年")}
// }
if (y % 400 == 0 || (y % 4 == 0 && y % 100 != 0)){
alert("闰年")
}else{
alert("平年")
}
}
</script>-->
<!--练习4 输入两个数,把较大的数赋给max,并输入max的值.-->
<!--<input type="text" id="input1" placeholder="输入数字"/>
<input type="text" id="input2" placeholder="输入数字"/>
<input type="button" id="btn" value="判断" οnclick="number()"/>
<script>
var btn =document.getElementById("btn")
function number(){
var x = document.getElementById("input1").value
var y = document.getElementById("input2").value
var max
if (x-0 > y-0){
max = x
}else{
max = y
}
alert("max="+max)
}
//从输入框中获取的值是字符串,如果要比较大小,一定要注意直接比较的话是比较字符串的大小,字符串比较大小是比较字符串中每个字符对应的ascii码十进制数字的大小.
//两个字符串对应的字符进行十进制数比较,如果相等,比较下一个,只要能比较出大小,不在往后比较.
</script>-->
<!--练习5 输入三个数,将最大值赋给max,输出max(三个数大小不一)-->
<!--<input type="text" id="input1" placeholder="输入数字"/>
<input type="text" id="input2" placeholder="输入数字"/>
<input type="text" id="input3" placeholder="输入数字"/>
<input type="button" id="btn" value="判断" οnclick="number()"/>
<script>
var btn =document.getElementById("btn")
function number(){
var x = document.getElementById("input1").value-0
var y = document.getElementById("input2").value-0
var z = document.getElementById("input3").value-0
var max
//方法1
// if(x > y){
// max = x
// }else{max = y}
// if(max < z){
// max = z
// }else{max = max}
// alert("max="+max)
//嵌套2
// if(x > y){
// if(x > z){
// max = x
// }else{
// max = z
// }
// }else{
// if(y > z){
// max = y
// }else{
// max = z
// }
// }
// alert("max="+max)
//函数方法3
// var max
// max = Math.max(x,y,z)
// alert("max="+max)
//三目运算符方法4
max = x > y ? (x > z ? x : z) : (y > z ? y : z);
alert("max="+max)
}
</script>-->
<!--作业 求三个数的中间值(if else)(三目运算符)-->
<!--三目运算符(条件运算符) 等价于if else
条件表达式 ? 表达式1 : 表达式2
如果条件表达式为真,整个运算的结果为表达式1的结果;如果条件表达式为假,整个运算的结果为表达式2的结果.
-->
<!--<input type="text" id="input1" placeholder="输入数字"/>
<input type="text" id="input2" placeholder="输入数字"/>
<input type="button" id="btn" value="判断" οnclick="number()"/>
<script>
var btn =document.getElementById("btn")
function number(){
var x = document.getElementById("input1").value-0
var y = document.getElementById("input2").value-0
var max
max = x > y ? x : y
alert("max="+max)
}
</script>-->
<!--if语句的第三种结构
if(条件表达式1){
语句1
}else if(条件表达式2){
语句2
}else{
语句3
}
else if理论上可以无限增加
-->
<!--练习6 输入成绩,评级
成绩>=90 优秀
80<=成绩<=90 良好
70<=成绩<=80 中等
60<=成绩<=70 及格
成绩<=60 不及格
-->
<input type="text" id="input1" />
<input type="button" id="btn" value="成绩" onclick="number()"/>
<script>
var btn = document.getElementById("btn");
function number(){
var num = document.getElementById("input1").value-0
// if(num >= 90){
// alert("优秀")
// }else if(num >= 80){
// alert("良好")
// }else if(num >= 70){
// alert("中等")
// }else if(num >= 60){
// alert("及格")
// }else {
// alert("不及格")
// }
//三目
var d
d = num >= 90 ? ("优秀") : (num >= 80 ? "良好": (num >= 70 ? "中等" : (num >= 60 ? "及格" : "不及格")))
alert(d)
}
</script>
</body>
</html>