js作业（3-if、switch、三元表达）

已于 2023-03-14 10:10:17 修改
阅读量72 收藏
点赞数
文章标签： 前端 html css javascript
于 2023-02-23 07:00:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63492023/article/details/129157690
版权

进入网吧(if)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 弹出一输入框，用户输入年龄，if年龄 >= 18岁，可进网吧 -->
    <script>
        // 弹出 prompt 输入框，用户输入年龄，值存入变量中
        var age = prompt('Please input your age:');
        // 使用 if 语句来判断年龄，若年龄 >18 就执行if括号中的输出语句
        if (age >= 18) {
            alert('Welcome! You can come.');
        } else {
            alert("No! You can't come there, your age is not enough");
        }
    </script>
</body>

</html>

判断闰年(if)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 1.算法：能被4整除且不能黎除100的为闰年(如2004年就是闰年，1901年不是闰年)或者能够被400整除的就是闰年
        // 2.弹出prompt输入框，让用户输入年份，把这个值取过来保存到变量中
        var year = prompt('Please input your year of birth:');
        // 3.使用if语句来判断是否是闰年，如果是闰年，就执行if大括号里面的输出语句，否则就执行else里面的输出语句
        // 4.一定要注意里面的且&&还有或者||的写法，同时注意判断整除的方法是取余为0
        if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
            alert("Your year of birth is leap year!");
            // You born in leap year!
        } else {
            alert("Your year of birth is nonleap year!");
        }
    </script>
</body>

</html>

判断成绩级别(if)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 要求：接收用户输入的分数，根据分数输出对应的等级字母A、B、C、D、E。其中： -->
    <!-- 1. 90分(含)以上，       输出：A -->
    <!-- 2. 80分(含)~90分(不含)，输出：B -->
    <!-- 3. 70分(含)~80分(不含)，输出：C -->
    <!-- 4. 60分(含)~70分(不含)，输出：D -->
    <!-- 5. 60分(不含)以下，     输出：E -->
    <script>
        var score = prompt('Please input your score:');
        if (score >= 90) {
            alert("You are A!");
        } else if (score >= 80) {
            alert("You are B!");
        } else if (score >= 70) {
            alert("You are C!");
        } else if (acore >= 60) {
            alert("You are D!");
        } else {
            alert("You are E!");
        }
    </script>
</body>

</html>

判断是否中奖(if)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 输入用户名，if名字为王也，则中奖 -->
    <script>
        var name = prompt('Please input your name:');
        // name.tostring == '王也'
        if (name == '王也') {
            alert("You win a price that is one hundred yuan!");
        } else {
            alert("Welcome next time! Have a good day!Thanks!");
        }
    </script>
</body>

</html>

查询水果(switch)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 输入一种水果，若有则弹出该水果价格，若没有则弹出“无” -->
    <script>
        // 弹出prompt输入框，让用户输入水果名称，把这个值取过来保存到变量中。将这个变量作为switch 括号里面的表达式。
        var fruit = prompt('please input a fruit:');
        // case后面的值写几个不同的水果名称，注意一定要加引号，因为必须是全等匹配。
        // 弹出不同价格即可。同样注意每个case之后加上break，以便退出switch语句。
        // 将default设置为没有此水果。
        switch (fruit) {
            case 'apple':
                alert("apple is ￥2.5");
                break;
            case 'banana':
                alert("banana is ￥1.2");
                break;
            default:
                alert("we have not this fruit!");
        }
    </script>
</body>

</html>

三元表达之数字补0

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 用户输入数字，若数字 < 10,则前面补 0,如 01,02,03;若 > 10,则不补,如 10,20,30 -->
    <script>
        // 用户输入0~59之间的一个数字
        var time = prompt('please intput a number in 0~59:');
        // 如果数字小于10，则在这个数字前面补0，(加0)否则 不做操作
        // 用一个变量接受这个返回值，输出
        time > 10 ? alert(time) : alert("0" + time);
        // var result = time < 10 ? '0' + time : time;
        // alert(result);
    </script>
</body>

</html>

咋的啥名都用不了呢~
关注
JavaScript-运算符-逻辑语句-if-三元表达式-switch语句
dream_vk的博客
06-11 366
算术运算符 + - * / % 2.2 浮点数的精确度最高是17位小数,但在进行运算时精确度远远不如整数 不要直接判断两个浮点数是否相等! 2.3 一个数被另一个数整除的话余数为0,这就是%取余运算符的主要用途 算术运算符优先级,先乘除,后加减,有小括号先算小括号里面的 2.4 表达式最终都会有一个结果,返回给我们,我们称为返回值 递增和递减运算符 3.1 递增++ 后置递增运算符 先自加,后返回值 先人后己 ++递增 前置递增运算符 先返回值,后自加 先己后人 开发时,大多使用后置递增/减,且代码..
Js中的if分支语句与switch语句/三元运算符
ysl414的博客
11-30 942
这些语句都是为了让程序做出一些判断当满足一些条件的时候触发一种情况，当改变条件触发的情况也会跟着改变。 if单词的意思指的是如果的意思 else单词的意思是否则的意思 语法1：if(条件){代码} 意思：如果()中的条件成立那么就执行后面{}中的语句 语法2：if(条件){代码}else{代码} 意思：如果()条件满足就执行if{}的代码段，如果条件不满足，就执行else{}的代码段
34---JS基础-----switch练习
weixin_44517656的博客
11-13 826
一 代码 练习同样很简单，没必要去看。 1 练习1 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>switch练习1</title> <script type="text/javascript"> /* * 对于成绩大于60分的，输出'合格'。低于60分的，输出'不合格' * * 6x / 10 = 6
【JS练习】尝试用switch语句来编写一段代码
zhangkai
07-08 782
小伙伴们，尝试用switch语句来编写一段代码吧，实现如下要求： 页面弹出输入框，提示“请输入您要查询的业务编号” 输入“1”, 页面显示“账户余额为。。。。。。” 输入“2”, 页面显示“转账余额为。。。。。。” 输入“3”, 页面显示“信用额度为。。。。。。” 输入其它数字，页面显示“退出银行系统。。。。。。” 提示 （1）用户在页面中输入的数字类型均为字符串，需要把从页面获取的值，以及case后面的值统一数据类型，要么把获取到的值转成数值类型，要么给case后面的数字加上引号，这样才能
JavaScript-----if/if-else/if else if、switch、三元表达式
ZhaojunWang的博客
06-23 232
一、if语句 1、if语句是分支语句，主要是用来判断 语法： if(表达式){ 代码块 } 执行过程：先判断表达式的结果是true还是false，如果是true则执行代码块，如果是false，不执行 var num1 = 10; var num2 = 20; // 当num1小于num2为true时，大括号内的代码执行，输出10 if...
JavaScript分支语句（if、三元表达式、switch）
有事儿私信。
10-09 954
条件判断在编程中的重要性在编程中，条件判断是一种基本逻辑，用于确定程序是否执行某个特定的操作。通过条件判断，我们可以根据不同的条件，使程序执行不同的代码块。这使得我们的程序具有更高的灵活性和可重用性。分支语句的作用及分类分支语句是用于控制程序流程的关键工具。它们允许根据特定条件执行不同的代码块。在JavaScript中，常见的分支语句包括if语句、三元运算符（ternary operator）和switch语句。
JS自学语句-if语句、三元语句、switch语句
m0_64005381的博客
09-20 302
JS零基础自学，该篇讲解了表达式和语句、分支语句、程序三大流程控制语句、分支语句、if语句、单分支使用方法、双分支if语句、多分支if语句、三元运算符、（案例）-数字补0案例、switch语句、循环语句、断点调试、while循环、循环退出。
JavaScript 条件分支语句if、switch和三元表达式
dlmyrt的博客
09-02 705
如果变量的值是某些固定的值, 推荐使用switch（例如：一年四季：春、夏、秋、冬，一周七天：周一 周二 .... 周日等）。如果不相等，则按照顺序分别和后面的值比较是否相等，如果相等则执行对应的代码，其他代码不执行。1. 不管是单条件分支语句，还是多条件分支语句，else 都可以省略(else中没代码)" 相当于单分支语句中的 if ，":" 相当于单条件分支语句中的 else。判断条件是真还是假，如果是真，则执行代码1，如果是假，则执行代码2。标签的第一个值进行比较，如果相等则执行相应的代码块。
三元运算符 switch语句
yihuliunian的博客
08-03 552
转载自品略图书馆http://www.pinlue.com/article/2019/03/3111/488518576327.html 一、三元运算符 三元运算符也叫三元表达式。是唯一一个涉及3个参数的表达式。 表达式的形式： 1条件表达式 ?值1 ：值2; 表示：当条件表达式为真时，取值1； 当条件表达式为假时，取值2。 1var a = (7 > 8) ?8 :7; 2console.log(a); 1var a = (7 < 8) ?8 :7...
JavaScript-分支语句（if、三元运算符、switch 语句）
WLK654321的博客
11-29 397
JavaScript-分支语句（if、三元运算符、switch 语句）1. if 语句：if 语句有三种使用：单分支、双分支、多分支。其实是比 if 双分支 更简单的写法，有时候也叫做三元表达式符号：? 与 : 配合使用1. 程序三大流程控制：顺序、分支、循环。 2. if 语句：三种形式（单分支、双分支、多分支） 3. switch语句：全等判断 。break：结束switch语句，防止穿透。 4. 三元运算符：也是双分支。一般用来取值。
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
10-15
在JavaScript编程中，逻辑判断是不可或缺的一部分，但随着代码复杂度的增加，传统的if-else和switch语句可能会导致代码变得难以维护。本篇文章将探讨如何编写更优雅、更简洁的逻辑判断，以应对复杂的场景。 首先，...
JavaScript的流程控制，if分支语句，switch分支语句，三元表达式
muweichang的博客
12-07 363
博主每篇博文的浪漫主义：生活的意义在于去感受生活本身希望能给大家带来快乐和感悟。 通过本篇博文的学习，我们的目标是在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。流程控制主要有三种结构，分别是，这三种结构代表三种代码执行的顺序。顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照，程序中大多数的代码都是这样执行的。 由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程），从而
06_实现watch
qq_53109172的博客
10-16 1158
watch 本质上就是监听一个响应式数据，这个响应式数据发生变化的时候，进行通知并触发相应的回调函数。
004-按照指定功能模块名称分组
xiaogang1226的博客
10-16 481
需要把一个功能模块的几个功能点放在同一个文档目录下，这几个功能点分布在不同的 Controller。需要把他们单独分组，方便前端对接。在@ApiOperation 里面增加属性 tags 赋值。
前端地图数据开发
shuxiaoxii的博客
10-13 394
基于Turf.js教你快速实现地理围栏的合并拆分。turf js 地理空间分析库，处理各种地图算法。如何拆分一个乡镇或区的地图。获取市级的行政区域划分。直接导入地图的json。高德地图查看市级区域。js实现地图区域合并。
前端开发攻略---8种方法实现在浏览器中跨页面通信
nibabaoo的博客
10-15 1301
浏览器实现跨标签页通信的多种方式
Vue3动态组件component不生效问题解决方法
Java_fenxiang的博客
10-14 871
问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。在vue2中使用动态变量component展示组件都是没问题。试了很多方法 踩了很多坑，所以记录下：登录后复制 <div class="preview-list" id="c...
计算机毕业设计 | SSM 校园线上订餐系统(附源码)
说书客
10-14 1208
本系统基于SSM实现了餐馆点餐系统。项目功能（用户点餐子系统）：登录注册，选座，商品购买，我的订单等。（后台管理子系统）：用户管理，餐桌管理，菜品管理，菜系管理，订单管理等
vue elementui table编辑表单时，弹框增加编辑明细数据
最新发布
weixin_45616483的博客
10-16 328
elementui 弹框增加编辑明细数据
提升JS逻辑判断效率：告别冗长if-else与switch
在JavaScript编程中，逻辑判断是基础且常见的操作，通常我们会利用if-else语句和switch结构来处理多条件分支。然而，当逻辑复杂度增加时，过多的if-else嵌套或switch-case会使代码显得冗长且难以维护。本文旨在分享...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值