2014-10-31 64 views
0

我正在嘗試爲Project Euler#1(計算從0到1000的3或5的倍數的數字總和)創建一個簡單的html表單,讓用戶輸入一個數字而不是從0到1000進行計算。我認爲我的結果很接近,但我無法獲得任何值返回到網頁上。無法將數據返回到網頁

<body> 
    <form action="" id="numform" onsubmit="return false"> 
     <fieldset> 
      <legend>Lets do Math!</legend> 
      <label>Enter a number</label> 
      <input type="text" name="num" id="num"> 
      <button onclick="add">Calculate</button> 
      <div id="totalSum"></div> 
     </fieldset> 
    </form> 
</body> 

function addThreeAndFive() { 

    var theForm = document.forms["numform"]; 
    var num = theForm.elements["num"] 
    var sum = 0; 

    for (var i = 0; i <= num; i++) { 
     if (i % 3 === 0 || i % 5 === 0) { 
      sum += i; 
     } 
    } 
    document.getElementById('totalSum').innerHTML = "The sum of the multiples of 3 and 5 are " + sum; 
} 
+1

也'fieldset'拼寫錯誤 – foxygen 2014-10-31 00:36:53

回答

0
<button onclick="addThreeAndFive()">Calculate</button> 

添加到按鈕的函數調用單擊

也改變NUM爲VAR num = theForm.elements["num"].value

+1

此外,從移除的innerHTML賦值循環。 – 2014-10-31 00:37:24

+0

在調用函數並從for循環中移除innerHTML之後,它開始顯示消息,但sum的值始終會返回零,這是由於某種原因。 – 2014-10-31 00:45:27

+0

我編輯了答案 – TGH 2014-10-31 00:49:54