JS第五课(JS的分支语句)

简介: JS第五课(JS的分支语句)

上面是语法的介绍下面来实战:

  1. if分支语句
  2. if...else..语句
  3. if...else if...else..语句
  4. 三元运算符
  5. 逻辑运算符
  6. 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语句 的流程控制

http://t.csdn.cn/4LbE8

相关文章
|
6月前
|
JSON JavaScript 前端开发
深入探讨javascript的流程控制与分支结构,以及js的函数
深入探讨javascript的流程控制与分支结构,以及js的函数
|
6月前
|
JavaScript 前端开发
【JavaScript保姆级教程】switch分支与while循环
【JavaScript保姆级教程】switch分支与while循环
146 0
【JavaScript保姆级教程】switch分支与while循环
|
JavaScript
【js】多分支语句练习(2)
【js】多分支语句练习(2)
70 0
|
JavaScript
【js】多分支语句练习(1)
【js】多分支语句练习(1)
82 0
js-选择结构与判断分支结构
js-选择结构与判断分支结构
|
设计模式 JavaScript
【JS代码优化一】分支优化篇
【JS代码优化一】分支优化篇
137 0
|
前端开发 JavaScript
web前端-JavaScript流程控制语句(条件判断,条件分支和循环语句)
web前端-JavaScript流程控制语句(条件判断,条件分支和循环语句)
154 0
|
存储 JavaScript 前端开发
JavaScript 流程控制 - 分支和循环(四)
文章目录 JavaScript 流程控制 - 分支和循环 1. 什么是流程控制 2. 顺序流程控制 3. 分支流程控制 之 if语句 3.1 什么是分支结构 3.2 if 语句 3.2.1 if 语句基本理解 3.2.2 if 语句执行流程 3.2.3 if 语句案例 3.3 if else语句(双分支语句) 3.3.1 引言 3.3.2 if else 语法基本理解 3.3.3 判断闰年案例
135 0
JavaScript 流程控制 - 分支和循环(四)
|
小程序 编译器
JavaScript02 分支语句/循环
while循环、数据类型转换、语句表达式、if循环、switch选择与语句的使用
|
JavaScript 前端开发 容器
前端(JavaScript)------运算符及分支语句、循环语句
先判断一个表达式的布尔值,然后根据布尔值的真伪,执行不同的语句。
97 0