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

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

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




5.3
<script language="javascript" type="text/javascript"> function Insert(text) { var d0 = document.getElementById("d0"); var p = document.createElement("p"); var textnode = document.createTextNode(text); p.appendChild(textnode); d0.appendChild(p); } function clicked() { var n = Math.random() * 10; Insert(n); n >= 5 ? Insert("Success!") : Insert("Oops!"); }</script> <p>ランダムに数値を生成してその数が5以上だと嬉しい。</p> <input type="button" value="Do it" onclick="clicked()" /> <p>実行結果</p> <div id="d0"></div>

ランダムに数値を生成してその数が5以上だと嬉しい。

実行結果

5.4
<script language="javascript" type="text/javascript"> function Insert1(text) { var d1 = document.getElementById("d1"); var p = document.createElement("p"); var textnode = document.createTextNode(text); p.appendChild(textnode); d1.appendChild(p); } function clicked1() { var n = Math.random()*1000; var s = "JavaScript"; var d = new Date(); Insert1(n+": "+typeof (n)); Insert1(s+": "+typeof (s)); Insert1(d+": "+typeof (d)); }</script> <p>それぞれの変数の値の型を表示してみる。</p> <input type="button" value="Click!" onclick="clicked1()" /> <p>実行結果</p> <div id="d1"></div>

それぞれの変数の値の型を表示してみる。

実行結果

5.5
<script language="javascript" type="text/javascript"> var p = document.createElement("p"); function Insert2(text) { var d2 = document.getElementById("d2"); var textnode = document.createTextNode(text); p.appendChild(textnode); } function clicked2() { var n = 1; // for loopで左に1ビットずつシフト for (n; n <= 128; n <<= 1) { Insert2(n + " "); } Insert2("¥""+n+"¥"" + " "); n >>= 1; // while loopで右に1ビットずつシフト while (n >= 1) { Insert2(n + " "); n >>= 1; } var br = document.createElement("br"); d2.appendChild(p); p.appendChild(br); }</script> <p>1を左に1ビットずつシフトしてから、右に1ビットずつシフトしてまた1に戻してみる。</p> <input type="button" value="Click!" onclick="clicked2()" /> <p>実行結果</p> <div id="d2"></div>

1を左に1ビットずつシフトしてから、右に1ビットずつシフトしてまた1に戻してみる。

実行結果