if语句转到按钮和div的麻烦

Question

我正在尝试让我的函数查看在文本框中输入的数字，并且如果该数字大于x数字（出于示例目的，我输入5）在Div中显示一条消息，如果小于或等于则显示另一条消息。 现在，我单击该按钮，但没有任何反应。 我是第一次尝试学习Javascript，因此请原谅我的无知-我哪里出错了？ 谢谢！！

<script>
function function1()
{
for (var theNumber)
{
var theNumber=parseFloat(document.getElementById('theInput').value);

if (theNumber < 5)
    {
    document.getElementById('theDiv').innerHTML="Smaller.";
    }

else (theNumber >= 5)
    {
    document.getElementById('theDiv').innerHTML="Larger.";
    }
}
</script>
<body>
<input type="button" id="theButton" value="click me!" onclick="function1()"></p>
<div id="theDiv"></div>
</body>
</html>

Answer 1

改变这个

var theNumber=parseFloat(document.getElementById('theInput').value);

至

var theNumber=parseFloat(document.getElementById('theButton').value);

并且不要在else, else使用任何条件else, else不要采取任何条件，除非您可以在else, else情况下使用else if

Answer 2

首先，您缺少右花括号。
然后您的else部分应该没有任何条件。
您的for语法错误，在这里不需要。
最后但并非最不重要的一点是，您将获得theInput的值，该值根本不存在于表单中。

所以修改后的代码如下所示

function function1() {
    var theNumber = parseFloat(document.getElementById('theInput').value);
    if (theNumber < 5) {
        document.getElementById('theDiv').innerHTML = "Smaller.";
    } else {
        document.getElementById('theDiv').innerHTML = "Larger.";
    }
}

工作示例： http : //jsfiddle.net/V3QBc/

Answer 3

这里存在几个问题。

1.）您没有具有id="theInput"的DOM元素

2）您误用了for循环的for构造。 正确的语法适用for (incrementer_variable; condition_to_continue_looping; increment_by) {}

3.）您正在指定else if条件，仅使用else （这意味着您的条件将被忽略。

4.）您缺少用于完成function1定义的右花括号（ } ）。

要解决这些问题，请添加一个id="theInput"的DOM元素，删除for （此处不需要），添加最后一个花括号，然后在else后面添加if或删除条件（取决于您想要的行为））。

<input type="text" id="theInput">
<input type="button" id="theButton" value="click me!" onclick="function1()">
<div id="theDiv"></div>

和JavaScript：

function function1() {
var theNumber = parseFloat(document.getElementById('theInput').value, 10);
if (theNumber < 5) {
    document.getElementById('theDiv').innerHTML = "Smaller.";
} else if (theNumber >= 5) {
    document.getElementById('theDiv').innerHTML = "Larger.";
}

另一个小问题（在potentia中）是您没有为parseFloat指定一个基数。 如果JavaScript引擎认为您的数字的底数不同于10，则可能会导致问题。为确保始终获得以10为底的数字，请为parseFloat的第二个参数指定一个基数：（ var x = parseFloat(otherVar, 10); ）。

演示： http : //jsfiddle.net/8tS7t/

if语句转到按钮和div的麻烦

问题描述

3 个解决方案

解决方案1
0 2013-10-27 17:55:03

解决方案2
0 2013-10-27 17:56:53

解决方案3
0 2013-10-27 18:09:52

if语句转到按钮和div的麻烦

问题描述

3 个解决方案

解决方案1 0 2013-10-27 17:55:03

解决方案2 0 2013-10-27 17:56:53

解决方案3 0 2013-10-27 18:09:52

解决方案1
0 2013-10-27 17:55:03

解决方案2
0 2013-10-27 17:56:53

解决方案3
0 2013-10-27 18:09:52