上面是语法的介绍下面来实战:
- if分支语句
- if...else..语句
- if...else if...else..语句
- 三元运算符
- 逻辑运算符
- switch语句
IF语句
案例一:让用户输入一个年龄如果大于18 则成年:
<script type="text/javascript"> var age = prompt("请用户输入年龄"); if (age > 18) { alert('你是成年人'); console.log("你是成年人'") document.write("你是成年人'") } </script>
案例二:让用户输入考试分数如果大于60分则成绩合格:
<!-- 案例二--> <script type="text/javascript"> var chengji = prompt("请用户输入你的成绩"); if (chengji > 60) { alert('成绩合格'); console.log("成绩合格") document.write("成绩合格") </script>
案例三:让用户输入一个数字判断该数字是否大于100,如果大于一百则弹出用户数字大于一百:
<script type="text/javascript"> var num = prompt("请用户输入数字"); if (num > 100) { alert('用户的数字大于100'); console.log("用户的数字大于100'") document.write("用户的数字大于100'") } </script>
案例四:让用户输入考试分数如果大于60分则成绩ok:
<script type="text/javascript"> var chengji1 = prompt("请用户输入你的成绩"); if (chengji1 > 60) { alert('OK'); console.log("OK") document.write("OK") </script>
如果条件满足的话我又在控制台上 弹窗上 页面上展示信息 那如果不满足呢? 是不是要用到else了呀!
<!-- 案例一 --> <script type="text/javascript"> var age = prompt("请用户输入年龄"); if (age > 18) { alert('你是成年人'); console.log("你是成年人'") document.write("你是成年人'") } else { alert('你没有成年'); console.log("你没有成年") document.write("你没有成年") } </script>
<!-- 案例二--> <script type="text/javascript"> var chengji = prompt("请用户输入你的成绩"); if (chengji > 60) { alert('成绩合格'); console.log("成绩合格") document.write("成绩合格") } else { alert('成绩没有合格'); console.log("成绩没有合格") document.write("成绩没有合格") } </script>
<!-- 案例三--> <script type="text/javascript"> var num = prompt("请用户输入数字"); if (num > 100) { alert('用户的数字大于100'); console.log("用户的数字大于100'") document.write("用户的数字大于100'") } else { alert('没有大于一百'); console.log("没有大于一百") document.write("没有大于一百") } </script>
<!-- 案例四--> <script type="text/javascript"> var chengji1 = prompt("请用户输入你的成绩"); if (chengji1 > 60) { alert('OK'); console.log("OK") document.write("OK") } else { alert('NOT'); console.log("NOT") document.write("NOT") } </script>
结果:
三元运算符:
<script> confirm("数字计算") var a = prompt("用户输入第一个数字"); var b = prompt("用户输入第二个数字"); var ab = a > b ? a : b; document.write("<h1>" + ab + "</h1>") confirm("年龄计算") var aa = prompt("用户输入第一个年龄"); // var bb = prompt("用户输入第二个年龄"); var ab1 = aa > 18 ? aa : bb; document.write("<h1>" + '该用户已经成年了' + ab1 + '年' + "</h1 </script>
在上面的基础上基本上理解了if if else语句 下 接下来难度升级
案例一 定义5个数,求出其中的最大值,最小值
<script> var n1=23,n2=90,n3=78,n4=34,n5=23 var max=n1 if(max<n2)max=n2 if(max<n2)max=n3 if(max<n2)max=n4 if(max<n2)max=n5 </script>
最小值如何找:下面的代码是扩展
<script> var arr = [5, 8, 3, 4, 0]; function find() { var max = arr[0], min = arr[0]; var maxindex = 0; var minindex = 0; for (var i = 0; i < arr.length; i++) { if (arr[i] > max) { max = arr[i]; maxindex = i; } else if (arr[i] < min) { min = arr[i]; minindex = i; } } document.write("最大值为:" + max + "位置为:" + maxindex); document.write("最小值为:" + min + "位置为:" + minindex); } find();
案例二 判断年份
<!-- ?1.用户输入一个年份,判断是否是闰年 --> <!--! 2 如果用户输入的年份 为X X%4 取余==0 并且 X%100 取余==0 或者 X%400==0 --> <!--todo 如果用户输入的年份 为X X%4 取余==0 并且 X%100 取余==0 或者 X%400==0 --> <!-- * 我是绿色的注释效果 --> <script> var year = prompt("请用户输入一个年份") if (year % 4 == 0 && year % 100 == 0 || year % 400 == 0) { document.write("<h1 style='color:red;'>用户出入的年份是" + year + "年为闰年</h1>") } else { document.write("<h1 style='color:green;'>用户出入的年份是" + year + "年为平年 </h1>") } </script>
案例三 输入一个数,判断它是否能被3、5、7整除,注意考虑同时整除的情况:
<script> // <!-- 3. 输入一个数,判断它是否能被3、5、7整除,注意考虑同时整除的情况 --> var num = prompt("请用户输入要输入的数字<br>"); if (num % 3 === 0 && num % 5 && num % 7) { document.write("输入的数字能被3 5 7 整除整除<br>") } if (num % 3 == 0 && num % 5 == 0) { document.write("输入的数字能被3 5整除<br>") } if (num % 5 == 0 && num % 7 == 0) { document.write("输入的数字能被 57整除<br>") } if (num % 3 == 0 && num % 7 == 0) { document.write("输入的数字能被 3 7整除<br>") } if (num % 3 === 0 || num % 5 == 0 || num % 7 == 0) { document.write("输入的数字能被3 5 7 中的一个数整除<br>") } if (num % 3 === 0) { document.write("输入的数字能被3整除<br>") } if (num % 5 === 0) { document.write("输入的数字能被5整除<br>") } if (num % 7 === 0) { document.write("输入的数字能被7整除<br>") } </script>
本文初步了解IF IF Else语句 的流程控制