Возвращаемое значение не отображается в HTML

Question

Возвращаемое значение не отображается в HTML

0

Это коды 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;
}

Были ли проблемы с этими кодами?

Фактически, я хотел бы сделать, чтобы получить возвращаемое значение, а затем отобразить значение в поле "Температура в градусах С". Но я не мог найти ошибки. Пожалуйста, укажите это, если у меня будут ошибки.

user3310635 14 март 2014, в 12:13

Источник

0

Проблема решена и благодаря всем вашим ответам :)
user3310635 14 март 2014, в 11:23

Теги:

javascript

html

4 ответа

1

Вы не можете использовать метод call/assign в "value" ниже, это правильный метод

    <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>

MasterDev 14 март 2014, в 09:36

0

OnClick = "Темп ();" это можно изменить на onclick = "temp (); return false;" если вы не хотите делать постбэк
MasterDev 14 март 2014, в 11:28

0

Я думаю, что ошибка в строке:

<input type="temp ()"/>

Тип ввода, в котором он отображается. Вам нужно добавить значение, чтобы вернуться к:

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

Затем это должно отображать результат в html.

TomFirth 14 март 2014, в 08:59

0

<input type="text" value="temp()"/> ничего не делает, просто помещает temp() текст ввода.
bansi 14 март 2014, в 11:13

0

Вместо того, чтобы помещать его в type() ввода, поставьте его как значение. Работа fiddle-

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

halkujabra 14 март 2014, в 08:40

Ещё вопросы

Проблема решена и благодаря всем вашим ответам :)
OnClick = "Темп ();" это можно изменить на onclick = "temp (); return false;" если вы не хотите делать постбэк
<input type="text" value="temp()"/> ничего не делает, просто помещает temp() текст ввода.

bansi · Accepted Answer · 2014-03-14T08-21-00.000Z

<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 в скрипте. Это делается для предотвращения отправки формы на сервер.

Вау, ваша может работать:) Очень ценю вашу помощь, но что означает «вернуть ложь»? И когда мы должны это использовать?
если вы не вернете false из отправки нажмите, форма будет фактически отправлена.