提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

比较两个数字的大小-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第1章-课后作业)

程序员
2023-04-18 16:46:03 时间

【案例1-4】比较两个数字的大小

一、案例描述

  1. 考核知识点

比较运算符

  1. 练习目标
  • 掌握比较运算符的用法。
  • 了解if else条件语句的使用。
  1. 需求分析

运用JavaScript中的运算符可以实现很多有趣的效果，本案例将带领大家使用比较运算符来判断两个数值的大小，并在控制台打印出结果。

  1. 案例分析
  1. 效果如图1-6所示。

 

  1. 效果展示图

  1. 具体实现步骤如下：
  1. 定义A，B两个数。
  2. 运用if条件语句，判断是两数之间是大于、小于还是等于的关系。
  3. 通过consloe.log()函数输出比较的结果。

二、案例实现

根据上面的分析，可以通过简单的JavaScript代码来实现这一效果，具体代码如下：

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>比较两个数字的大小</title>
  6.     </head>
  7.     <body>
  8.         <script type="text/javascript">
  9.            var A = 15;
  10.            var B = 14;
  11.            if(A < B){
  12.                console.log(A + '小于' +B)
  13.            }
  14.            else if(A == B){
  15.                console.log(A + '等于' +B)
  16.            }
  17.            else{
  18.                console.log(A + '大于' +B)
  19.            }
  20.         </script>
  21.     </body>
  22. </html>

运行代码，在浏览器中按快捷键 “F12”，在“Console面板”即可得到图1-6所示的效果。

相关文章