プログラミング学習の記録 164 JavaScript 1 はじめてのプログラミングとJavaScriptの基礎:p.108の練習問題4.4

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

"JavaScript 1 はじめてのプログラミングとJavaScriptの基礎 (CD-ROM付) (プログラミング学習シリーズ) (大型本)"のp.108の練習問題4.4を解いてみる。

4.4

// 100未満
    function clicked0() {
    
        // id=d0のtagを取得
        var d0 = document.getElementById("d0");
        
        // TextNode,0を作成
        var text = document.createTextNode(0);
        
        // 改行tag,brを作成
        var br = document.createElement("br");
        
        // 変数を定義
        var n = 0;
        var i = 1;
        while (n < 100) {
            n += i;
            
            // tag,d0にTextNode,0を追加
            d0.appendChild(text);
            
            // 100を超えるまで
            if (n < 100) {
                var d0 = document.getElementById("d0");
                var text = document.createTextNode("+" + i);
                d0.appendChild(text);
            } else {
                var d0 = document.getElementById("d0");
                var text = document.createTextNode("=" + (n - i));
                d0.appendChild(text);
                d0.appendChild(br);
            }
            i++;
        }
    }
    
    // 100以上(100未満を少し変更)
    function clicked1() {
        var d0 = document.getElementById("d0");
        var text = document.createTextNode(0);
        var br = document.createElement("br");
        var n = 0;
        var i = 1;
        while (n < 100) {
            n += i;
            d0.appendChild(text);
            if (n < 100) {
                var d0 = document.getElementById("d0");
                var text = document.createTextNode("+" + i);
                d0.appendChild(text);
            } else {
                var d0 = document.getElementById("d0");
                var text = document.createTextNode("+"+i+"=" + n);
                d0.appendChild(text);
                d0.appendChild(br);
            }
            i++;
        }
    }</script>
<p>0から1ずつ増加させながら加えていき、100を超える数字を求めてみる。</p>
<input type="button" value="100未満" onclick="clicked0()" />
<input type="button" value="100以上" onclick="clicked1()" />
<p>実行結果</p>
<div id="d0"></div>

0から1ずつ増加させながら加えていき、100を超える数字を求めてみる。

実行結果