Forループ、制限は負の数です

Question

私はプログラミングが比較的新しく、私は大学の研究でWebプログラミングコースを受講しています。 JavaScriptを使用して、0から最大までのすべての整数の合計を計算するforループを作成します。

正常に動作するために0以上のすべての整数を得ることができましたが、負の整数（たとえば-3）を入力すると、関数は合計0を返しません。私は単に何も返さない。以下にJavaScriptコードを含めます。誰かが助けてくれるヒントを持っているなら、私は大いに感謝しています！

document.getElementById('go').onclick = function() { 
    var limit = document.getElementById('limit').value; 
    var total = 0; 
    for (i = 0; i <= limit; i ++) { 
     total = total + i; 
     document.getElementById('total').value = total; 
    }; 
}; 

Answer 1

あなたの出力、document.getElementById('total').value = total;はループ内です。

移動し、それ外ループのか、それは実行されません（と何も表示されません）

ループが0回実行されるので、このループでこのラインが0回、あまりにも実行されます。

Answer 2

あなたはちょうどそれが常にあってもその0による負の数に合計をレンダリングするループのためのそのように外で、一番下にdocument.getElementById('total').value = total;

を動かすforループ内で値を設定します。

document.getElementById('go').onclick = function() { 

var limit = document.getElementById('limit').value; 

var total = 0; 

for (i = 0; i <= limit; i ++) { 

    total = total + i; 



}; 
document.getElementById('total').value = total; 
}; 

Answer 3

あなたは、forループの外に、値をID totalを持つ要素に割り当てられている最後の行を、移動する必要があります。制限が0より小さい場合、ループ内のコードは決して実行されません。

は、以下のコードを実行してみましょう：

document.getElementById('go').onclick = function() { 
 

 
    var limit = document.getElementById('limit').value; 
 

 
    var total = 0; 
 

 
    for (i = 0; i <= limit; i++) { 
 
    total = total + i; 
 
    } 
 

 
    document.getElementById('total').value = total; 
 
};

Limit: <input id="limit" type="number" value="3" /><br /> 
 
<input id="total" type="text" /> 
 
<button id="go">Go</button>