ray88’s diary

お仕事で困ったとき用の自分用の覚書

トップ > JavaScript > JavaScrip　繰り返し－for文

JavaScrip　繰り返し－for文

JavaScript

JavaScript 目次 - ray88’s diary
■for文の書式

for(初期化式; ループの条件式;  カウンタ変数の更新){
       命令文
}

(例）

for(var i=1; i<=10; i++){
     console.log(i)
}

■使用例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script>
           function calcSum(){
                var max = document.getElementById("max").value;
                var total = 0;
                for (var i = 1 ;i <= max; i++){
                    total += i;
                }
                document.getElementById("val").textContent = max;
                document.getElementById("sum").textContent = total;
            }
        </script>
    </head>
    <body>
        <h2>1から<span id="val"></span>の合計は<span id="sum"></span></h2>
        <input id="max" value="10" />
        <button onclick="calcSum()">合計</button>
    </body>
</html>


■使用例２
「文字列変数.length」で文字列の長さを取得
「文字列変数.charAt(N)」で文字列のN番目の文字を取得

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script>
            function kaibun(){
                var mystr = document.getElementById("source").value;
                var max = mystr.length;
                var revStr="";
                for(i = max-1; i >= 0; i--){
                    revStr = revStr + mystr.charAt(i);
                }
                document.getElementById("result").textContent=revStr;
            }
        </script>
    </head>
    <body>
        <input id="source" />
        <button onclick="kaibun()">回文</button>
        <p id="result"></p>
    </body>
</html>