JS第五课(JS的分支语句)-阿里云开发者社区

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

2023-07-16 41

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

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

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语句的流程控制

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

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

热门文章

最新文章

相关课程

相关电子书

相关实验场景