JavaScript累加器问题，十万火急

这个JavaScript累加器是我们书里一道题，要求这样：1+2+3+...+文本框（可以在文本框中填入一个整数值）=文本框（求和）就是这样的题，也不用容错操作。

解决方案 »

  1.   

    <input name="txt" id="txt" type="text"  /><input name="" type="button" onclick="addNum()" value="查看" />
    <script type="text/javascript">
    function $(id){
    return document.getElementById(id);
    }
    function addNum(){
    var val = $("txt").value;
    var num = parseInt(val)+1;
    var i=1;
    for(var o=2; o<num; o++){
    i = i+o;
    }
    $("txt").value = i;
    }
    </script>
      

  2.   

    <html>
    <head>
    <script>
    function count(){
    var val = document.getElementById("val1").value;
    if(val && !isNaN(val)){
    var toAdd = new Number(val);
    var result = 0;
    for(var i = 1;i<=toAdd;i++){
    result += i;
    }
    document.getElementById("result").value=result;
    }
    }
    </script>
    </head>
    <body>
    1+2+3+..+<input type="text" id="val1" size="3"/>=<input type="text" id="result" size="5"/><input type="button" value="计算" onclick="count()"/>
    </body>
    </html>
      

  3.   

     MARK IT,THEN STUDY IT
      

  4.   

    就是这样啦，这个应该是你要的功能
    [code]
    <script>
    function sum(){
    var num = document.getElementById("num").value;
    var result = 0;
    for(var i = 1;i <= num;i++){
    result += i;
    }
    document.getElementById("result").innerText = result;
    }
    </script>
    <input type="text" id="num"  />
    <button onclick="sum()">计算</button><br/>
    结果:<span id="result"></span>
    [/code]
      

  5.   

    看看这个，应该是你要的<script>
    function sum(){
    var num = document.getElementById("num").value;
    var result = 0;
    for(var i = 1;i <= num;i++){
    result += i;
    }
    document.getElementById("result").innerText = result;
    }
    </script>
    <input type="text" id="num"  />
    <button onclick="sum()">计算</button><br/>
    结果:<span id="result"></span>