Ganz einfach:
document.getElementById('sum').onsubmit = add;
function add(e) {
e.preventDefault();
var num1 = document.getElementById('num1').value;
var num2 = document.getElementById('num2').value;
var result = 'Result: ' + String(parseInt(num1) + parseInt(num2));
var p = document.getElementById('result');
p.innerHTML = result;
}
<form id="sum">
<label for="num1">First number:</label>
<br />
<input type="text" id="num1" />
<br />
<label for="num1">Second number:</label>
<br />
<input type="text" id="num2" />
<br />
<input type="submit" value="Add" />
</form>
<p id="result">Result:</p>
Im html wir ein Formular mit drei Eingängen haben, 2 sind vom Typ Text und ist einreichen Typ. und auch ein Absatz.
In dem Javascript weisen wir dem onsumbit-Ereignis des Formulars die Funktion add() zu, in der Funktion verhindern wir den Standard, so dass das Formular die Seite nicht aktualisiert, dann erhalten wir die 2 Werte, die eingegeben wurden enthält die Summe dieser Werte und legt die innerHTML des Absatzes darauf fest.
bitte einige Code fügen Sie die Frage –
http://stackoverflow.com/questions/11961474/how-to-sum-two-numbers-from-input- zu erklären Tag – adeneo
zeigen Sie Ihren einfachen Code –