プログラミング学習の記録 164.2 JavaScript 1 はじめてのプログラミングとJavaScriptの基礎:p.129の練習問題5.1,5.2

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

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




5.1
<script language="javascript" type="text/javascript"> function mathRandom() { var n = Math.random()*1000; var d0 = document.getElementById("d0"); var p = document.createElement("p"); var text = document.createTextNode(n); p.appendChild(text); d0.appendChild(p); }</script> <p>ランダムに数値を生成して表示してみる。</p> <input type="button" value="Do it" onclick="mathRandom()" /> <p>実行結果</p> <div id="d0"></div>

ランダムに数値を生成して表示してみる。

実行結果

5.2
<script language="javascript" type="text/javascript"> function clicked() { // id=d1のtagを取得 var d1 = document.getElementById("d1"); // 段落(p),改行(br)を作成 var p = document.createElement("p"); var br = document.createElement("br"); // 変数の定義 var n = 10; // 1行目はfor loopで実行 for (n; n >= 0; n--) { var text = document.createTextNode(n + " "); p.appendChild(text); d1.appendChild(p); } // 改行 p.appendChild(br); // 2行目はwhile loopで実行 while (n >= -10) { var text = document.createTextNode(n + " "); p.appendChild(text); d1.appendChild(p); n--; } }</script> <p>デクリメント演算子を使用してみる。</p> <input type="button" value="Click!" onclick="clicked()" /> <p>実行結果</p> <div id="d1"></div>

デクリメント演算子を使用してみる。

実行結果