switch语句查询水果价格

最新推荐文章于 2024-10-27 15:59:20 发布

原创最新推荐文章于 2024-10-27 15:59:20 发布 · 5.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#switch

JavaScript-demo 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的JavaScript示例，通过使用switch语句来根据不同输入返回对应的水果价格。示例中包括了基本的HTML结构及事件监听，使得用户可以通过键盘输入或点击按钮的方式进行查询。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

语法

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>