Question

这是HTML代码：

<html>

<head>
<script src = "tempScript.js" text = "text/javascript"> 
</script>
</head>

<body>
    <h3><b>Farenheit to Celsius Converter</b></h3>
    <p>Enter a temperature in degrees F:&nbsp;
        <input type="text" id="textbox" /></p>
    <p>Click this button to calculate the temperature in degrees C:&nbsp;
        <input type="submit" value="Calculate" onclick="temp ()" /></p>
    <p>Temperature in degrees C is:&nbsp;<input type="temp ()"/></p>
</body>

</html>

这是javascript代码：

function temp ()

{
    var f = document.getElementById("textbox").value;

    var c = ((f - 32.0)*5.0) / 9.0;

    return c;
}

这些代码有问题吗？

实际上，我想要做的是获取返回值，然后在“以C为单位的温度”字段中显示该值。但是我找不到错误。如果我有错误，请指出。

Answer 1

你不能在'value'中调用/ assign方法是正确的方法

    <h3><b>Farenheit to Celsius Converter</b></h3>
<p>Enter a temperature in degrees F:&nbsp;
    <input type="text" id="textbox" /></p>
<p>Click this button to calculate the temperature in degrees C:&nbsp;
    <input type="submit" value="Calculate" onclick="temp();" /></p>
<p>Temperature in degrees C is:&nbsp;<input id="degrees" /></p>

  <script type="text/javascript">
    function temp() {
        var f = document.getElementById("textbox").value;

        var c = ((f - 32.0) * 5.0) / 9.0;

        document.getElementById("degrees").value = c;
    }
</script>

Answer 2

不要将其放在输入的type()中，而是将其作为值。工作小提琴 -

http://jsfiddle.net/RDue8/2/

Answer 3

<input type="temp ()"/>无效的HTML。试试这个。

<html>

<head>
<script src = "tempScript.js" text = "text/javascript"> 
</script>
</head>

<body>
    <h3><b>Farenheit to Celsius Converter</b></h3>
    <p>Enter a temperature in degrees F:&nbsp;
        <input type="text" id="textbox" /></p>
    <p>Click this button to calculate the temperature in degrees C:&nbsp;
        <input type="submit" value="Calculate" onclick="temp ()" /></p>
    <p>Temperature in degrees C is:&nbsp;<input id="tmpDisplay" value=""/></p>
</body>

</html>
<script>
    function temp ()

{
    var f = document.getElementById("textbox").value;

    var c = ((f - 32.0)*5.0) / 9.0;
    document.getElementById("tmpDisplay").value=c;
    return false;
}
</script>

注意：我为id添加了input，其中显示了结果。您可以将该输入的值设置为javascript中的计算值。请注意脚本中的return false。这是为了防止将表单提交给服务器。

Answer 4

我认为错误符合：

<input type="temp ()"/>

输入的类型，显示的格式。您需要添加一个值才能返回：

<input type="text" value="temp()"/>

然后应该以html显示结果。

返回值没有显示在html中

4 个答案: