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

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

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




5.3
<script language="javascript" type="text/javascript"> function clicked() { // Randomに数値を発生させる var d = Math.random() * 10; // id=d0のtagを取得 var d0 = document.getElementById("d0"); // tag,p(段落)を作成 var p0 = document.createElement("p"); var p1 = document.createElement("p"); // 作成したElementを取得したtagの子要素にする d0.appendChild(p0); d0.appendChild(p1); // 数値をTextNodeにする var text0 = document.createTextNode(d); p0.appendChild(text0); // d>=5ならSuccess!,d<5ならOops! if (d >= 5) { var text1 = document.createTextNode("Success!"); } else { var text1 = document.createTextNode("Oops!"); } // text1をp1の子要素にする p1.appendChild(text1); }</script> <p>Randomに発生させた数値が5以上になるか!?</p> <input type="button" value="Click!" onclick="clicked()" /> <p>実行結果</p> <div id="d0"></div>

Randomに発生させた数値が5以上になるか!?

実行結果