2015-05-31 4 views
-3
  function addNumbers() 
      { 
        var val1 = parseInt(document.getElementById("value1").value); 
        var val2 = parseInt(document.getElementById("value2").value); 
        var ansD = document.getElementById("answer"); 
        ansD.value = val1 + val2; 
      } 

Я хочу показать результат без нажатия кнопки, пожалуйста, помогите мне.Нужна помощь в java-скриптовом коде

+2

Что должно вызывать расчет? – tvanfosson

+0

addNumbers() Это функция, которая вычисляет суммы –

ответ

2

Вы можете использовать onchange, это вызовет функцию, как только input будет размытой. Или вы можете использовать onkeyup, это будет срабатывать по мере ввода.

function addNumbers() { 
 
    var val1 = parseInt(document.getElementById("value1").value); 
 
    var val2 = parseInt(document.getElementById("value2").value); 
 
    var ansD = document.getElementById("answer"); 
 
    ansD.value = val1 + val2; 
 
} 
 
window.onload = function() { 
 
addNumbers(); 
 
};
<input id="value1" onkeyup='addNumbers()' value="10"/> 
 
<input id="value2" onkeyup='addNumbers()' value="20"/> 
 
<input id="answer" />

Edit:

Вы также можете сделать чек, если value в input существует с использованием некоторых условий (в случае необходимости), если вы не хотите, чтобы отобразить NaN когда один Значение пусто.

+0

Я изменил триангулятор, но мои поля в форме HTML похожи на это –

+0

@Harsimransingh. В этом случае вы можете вызвать функцию при загрузке страницы. Смотрите скрипку: http://jsfiddle.net/4pwsptqL/. Я обновил ответ. Plz accect ответ, если он работает для вас. – Zee

Смежные вопросы