JS判断条件

最新推荐文章于 2022-12-29 17:56:08 发布

我在东软打代码

最新推荐文章于 2022-12-29 17:56:08 发布

阅读量76

点赞数

分类专栏： JS 文章标签： js

本文链接：https://blog.csdn.net/weixin_46758732/article/details/119116825

版权

JS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

JS判断条件

if-else
switch

if-else

实现猜数字游戏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js判断条件</title>
</head>
<body>
<h2>猜数字游戏，猜出20以内的数字</h2>
<input id="num" value="10"/>
<button onclick="text()">比较</button>
<p id="demo"></p>
<script>
function text(){
    var num,voteable;
    num = document.getElementById("num").value;
    if(num == 10){
        voteable = "恭喜你答对了";
    }
    else if(num > 10){
        voteable = "大了"
    }
    else {
        voteable = "小了"
    }
    document.getElementById("demo").innerHTML = voteable;
}
</script>
</body>
</html>

在这里插入图片描述

switch

用 switch 语句来选择多个需被执行的代码块之一
语法：

switch(表达式) {
     case n:
        代码块
        break;
     case n:
        代码块
        break;
     default:
        默认代码块
}

案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>switch</title>
</head>
<body>
<p id="demo"></p>

<script>
    var day;
    switch (new Date().getDay()) {
        case 0:
            day = "周日";
            break;
        case 1:
            day = "周一";
            break;
        case 2:
            day = "周二";
            break;
        case 3:
            day = "周三";
            break;
        case 4:
            day = "周四";
            break;
        case 5:
            day = "周五";
            break;
        case  6:
            day = "周六";
    }
    document.getElementById("demo").innerHTML = "今天是" + day;
</script>
</body>
</html>

break 关键词
如果 JavaScript 遇到 break 关键词，它会跳出 switch 代码块。

此举将停止代码块中更多代码的执行以及 case 测试。

如果找到匹配，并完成任务，则随机中断执行（break）。无需更多测试。

break 能够节省大量执行时间，因为它会“忽略” switch 代码块中的其他代码的执行。

不必中断 switch 代码块中的最后一个 case。代码块在此处会自然结束。

default 关键词规定不存在 case 匹配时所运行的代码
默认的 case 不必是 switch 代码块中最后一个 case
如果 default 不是 switch 代码块中最后一个 case，请记得用 break 结束默认 case

我在东软打代码

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS判断条件

JS判断条件if-elseswitchif-else实现猜数字游戏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js判断条件</title></head><body><h2>猜数字游戏，猜出20以内的数字</h2><input id="num" value="1
复制链接

扫一扫