Вопросы Теги

Разница между двумя полями в HTML с использованием Javascript

Я искал в Интернете (то, что, как я ожидаю, будет )базовым ответом на этот вопрос.

У меня есть HTML-форма, которую я собираю для конкретной системы. У меня есть два текстовых поля, в которые пользователь будет вводить две температуры. Я хочу иметь третье текстовое поле, которое onBlur будет генерировать разницу между этими двумя температурами. У меня есть сценарий, который, я думаю, движется в правильном направлении, но не работает. Из-за системы, для которой я буду использовать это, я не могу использовать теги в HTML.

Мой скрипт:

    <script language="javascript" type="text/javascript">
    <!--
    function calculate_temp(TempIn, TempOut) {
    var TempIn = parseInt(document.getElementById('TempIn').value);
    var TempOut   = parseInt(document.getElementById('TempOut').value); 
    var Delta = TempIn - TempOut;
    document.getElementById('Delta').innerHTML = Delta
    }
    // -->
    </script>

Мой HTML:

    <body> 
    <div> 
    <p><label for="TempIn">TempIn: </label><input type="text" name="TempIn" id="TempIn" /></p>
    <p><label for="TempOut">TempOut: </label><input type="text" name="TempOut" id="TempOut" /></p>
    <p><label for="Delta">Delta: </label> <input type="text" name="Delta" id="Delta" onBlur="calculate_temp(this.form.TempIn.value, this.form.TempOut.value)"/></p>
    </div> 
    </body>

Кто-нибудь может объяснить, что я делаю не так? Опять же, я хочу, чтобы пользователь вводил TempIn, нажимал Tab, вводил TempOut, нажимал Tab, а затем дельта вычислялась автоматически.

Как я уже сказал, каждый ресурс, который я нахожу в Интернете, делает это немного по-разному, но я не могу заставить его работать, если я использую какой-либо из подходов.

Будем признательны за любую помощь. Спасибо.

0
задан S.L. Barth 13 August 2012 в 14:44
поделиться