Notwendigkeit, Ergebnis der Hinzufügung in einem Textfeld mit Javascript anzuzeigen

Question

Ich muss zwei Textfelder erstellen, wo der Benutzer Nummer einfügen kann, und eine Schaltfläche, die sie hinzufügt.

Ich muss die .val() verwenden, um die Daten aus dem HTML-Körper zu bringen, das ist getan.

Mein Problem ist, dass ich nicht weiß, wie Sie das Ergebnis in einem Textfeld anzeigen und nicht die Warnmeldung Option verwenden.

Hilfe!

Answer 1

Sie müssen Änderungslistener zu Ihren HTML-Elementen hinzufügen, und Sie müssen eine Funktion bei Änderung ausführen.

<input type='number' id='firstBox' onChange='calculate()' /> 
<input type='number' id='secondBox' onChange='calculate()' /> 

<input type='number' id='answerBox' /> 

function calculate(){ 
    var first = Number(document.getElementById('firstBox').value) 
    var second = Number(document.getElementById('secondBox').value) 

    var answer = document.getElementById('answer') 
    answer.value = first + second 
} 

Auch habe ich eine schnelle Geige für Sie here, es auf jeden Fall es Ihnen vertraut wird dazu beitragen, Check-out.