顯示三個文本框總和的輸出 - Javascript

Question

如何顯示三個文本框總和的輸出？

這是我目前的javascript代碼

function sum() {  
      var result = parseInt(text1) + parseInt(text2) + parseInt(text3); 
      if(!isNaN(result)) { 
      document.getElementByID(sum).value = result; 
      } 

我有一個名爲HTML中的三個文本框爲「text1」中的「文本2」和「text3」因此

另外，我想在HTML輸出這'這些數字的總和是：'我怎麼能這樣做？

Answer 1

試試這個例子：

<label for='txt1'>First Num:</label> 
<input type='text' id='txt1' /> 
<br> 
<label for='txt2'>Second Num:</label> 
<input type='text' id='txt2' /> 
<br> 
<label for='txt3'>Third Num:</label> 
<input type='text' id='txt3' /> 
<br> 
<button onclick="sum()">Get Sum</button> 
<p id='sum'></p> 
<script> 
    function sum() { 
     var text1 = parseInt(document.getElementById('txt1').value), 
      text2 = parseInt(document.getElementById('txt2').value), 
      text3 = parseInt(document.getElementById('txt3').value); 

     var total = text1 + text2 + text1; 

     if(!isNaN(total)) { 
       document.getElementById('sum').innerText = 'The sum of the numbers are: ' + total; 
     } 
    } 
</script> 

見小提琴here