javascript - 执行我的基本切换程序时遇到问题

标签 javascript switch-statement

我是一名初学者程序员,我确信答案就在我面前,但我无法弄清楚我做错了什么。这只是一个简单的程序,允许用户输入三种天气之一,并且根据文本字段中输入的内容,程序将回答适当类型的鞋类。我已经研究了几个小时,到处调整,但我无法让它工作。有任何想法吗?这是代码:

<!DOCTYPE html>
<html lang="en-us">
<head>
    <title>What Shoes Should I Wear?</title>
    <script type="text/javascript">
        function shoeWeather() {
            var shoe;
            switch (weather) {
                case 'hot':
                    shoe = "sandals";
                    break;
                case 'rain':
                    shoe = "galoshes";
                    break;
                case 'snow':
                    shoe = "boots";
                    break;
                default:
                    shoe = "shoes";
                    break;
                return;
                document.getElementById('shoe').innerHTML = shoes;
            }
        }
    </script>   
</head>
<body>
    Weather:<input type="text" id="weather">
    <button type="button" onclick="shoeWeather()">What's the Right Shoe for the Job?</button>
    <div id="shoe"></div>
</body>
</html>

最佳答案

  1. 您尝试操作 switch 语句的变量 weather 未定义。您必须读取输入的值,然后操作其上的开关。
  2. 您将 document.getElementById('shoe').innerHTML = Shoes; 放入 switch 内,在 return 语句之前,并使用了错误输入的变量(shoes 应该是 Shoes)。

尝试这样的事情:

尝试:

var shoe='';
switch (document.getElementById('weather').value){
     //set shoe based on switch cases
}

document.getElementById('shoe').innerHTML = shoe;

关于javascript - 执行我的基本切换程序时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26542756/

相关文章:

javascript - 在 WebViewer 中的 FileMaker for D3 中加载 JSON 文件

javascript - 图片库未将图片放入 div

c++ - 我的开关不工作

swift - 捕获多个错误类型?

java - 从 Java-12 中的 switch 表达式返回通用值

c - 如果没有 default case,switch 会做什么?

javascript - 在 <span> onClick 中选择文本

javascript - 如何将表单输入值传递给 JavaScript 函数

javascript - 如何在弹出窗口时停止执行代码?

java - switch case语句中的java范围声明如何?