switch语句查询水果价格

最新推荐文章于 2022-11-29 16:56:28 发布

kumayato

最新推荐文章于 2022-11-29 16:56:28 发布

阅读量5.3k

点赞数 1

分类专栏： JavaScript-demo 文章标签： switch

本文链接：https://blog.csdn.net/kumayato/article/details/71629167

版权

JavaScript-demo 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

语法

switch(n)
{
case 1:
  执行代码块 1
  break;
case 2:
  执行代码块 2
  break;
default:
  没有匹配的case时默认执行的代码
}

demo

<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        window.onload = function (){
            var txt = document.getElementById("txt");
            var btn = document.getElementById("btn");

            btn.onclick = function() {
                var val = txt.value;
                switch (val) {
                    case "苹果" :
                        alert("苹果的价格是五元一斤");
                        break;
                    case "香蕉" :
                        alert("香蕉的价格是两元一斤");
                        break;
                    case "梨子" :
                        alert("梨子的价格是三元一斤");
                        break;
                    case "车厘子" :
                        alert("车厘子的价格是三十元一斤");
                        break;
                    case "":
                        alert("请输入要查询的水果");
                        break;
                    default :
                        alert("没有此水果");
                }
            }

            // 回车查询事件
            document.onkeydown=function(event){
                var e = event || window.event || arguments.callee.caller.arguments[0];
                if(e && e.keyCode==13){ // enter 键
                    btn.onclick();
                }
            };
        }

    </script>
</head>
<body>
请输入水果名称：<input type="text" id="txt"/>
<button id="btn">查询</button>
</body>
</html>

kumayato

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
switch语句查询水果价格

语法switch(n){case 1: 执行代码块 1 break;case 2: 执行代码块 2 break;default: 没有匹配的case时默认执行的代码}demo<html><head> <meta charset="UTF-8"> <title>Document</title> <script> window.on
复制链接

扫一扫