我是一名初学者程序员,我确信答案就在我面前,但我无法弄清楚我做错了什么。这只是一个简单的程序,允许用户输入三种天气之一,并且根据文本字段中输入的内容,程序将回答适当类型的鞋类。我已经研究了几个小时,到处调整,但我无法让它工作。有任何想法吗?这是代码:
<!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>
最佳答案
- 您尝试操作 switch 语句的变量
weather
未定义。您必须读取输入的值,然后操作其上的开关。 - 您将
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/