将document.getElementById用于文本框输入

时间:2015-06-16 19:13:42

标签: javascript html web innerhtml

我希望等式获取用户输入并根据输出给出响应。方程式工作正常,我无法打印任何东西。例如,答案是10,它打印10和评论。也许是我正在看的东西,或者我的代码可能是非常错误的。帮助

<html>
<body>

    Total=3.21+9.63 x S //equation
    <form id="function" onsubmit="return false" oninput="o.value = 3.21 + (9.63    *parseInt(c.value))">
        =3.21+(9.63 *
        <input name="c" type="number" step="any">) =
        <output name="o"> </output>

        <input type="button" value="Predict" name="myButton" onClick="myMath()"> </form>

    <div id="mys1"></div>

    <script language="JavaScript">
        //my concept
        function myMath() {
            if (((document.function.o.output) < -30))
                document.getElementById("mys1").innerHTML = 'That'
            s a little cold!'; 

        }
    </script>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

此位无效javascript:

document.getElementById("mys1").innerHTML = 'That's a little cold!'

它应该是这样的:

document.getElementById("mys1").innerHTML = "That's a little cold!"

避免在Web控制台中导致错误的'丢失。

答案 1 :(得分:0)

试试这个:

<html>
<body>

Total=3.21+9.63 x S //equation
<form id="function" onsubmit="return false" oninput="o.value = 3.21 + (9.63    *parseInt(c.value))">
    =3.21+(9.63 *
    <input name="c" type="number" step="any">) =
    <output id="o"> </output>

    <input type="button" value="Predict" name="myButton" onClick="myMath()" </form>

<div id="mys1"></div>

<script language="JavaScript">
    //my concept
    function myMath() {
        var x = document.getElementById("o").value;
        if (x < -30){
            document.getElementById("mys1").innerHTML = "That's a little cold!"; 
        }
    };
</script>
</body>
</html>

我从输出元素中取出值并将其与-30进行比较。 你应该在&#39;之后使用大括号。声明。 还有你的字符串:&#39;那有点冷!&#39;在&#39;那&#39;。

之后已经结束