プログラミング学習の記録 165.2 JavaScript 1 はじめてのプログラミングとJavaScriptの基礎:p.186の練習問題7.3,7.4,7.5

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

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




7.3
<script language="javascript" type="text/javascript"> //String型の変数を定義 var s = new String("こんにちは、JavaScript."); // 変数を表示(書き換え後に元に戻せるようにしておく) function clicked() { s = s.replace("Hello,", "こんにちは、"); var p0 = document.getElementById("p0"); p0.innerHTML = s; } // 変数の"こんにちは、"を"Hello,"に書き換える function clicked1() { var p0 = document.getElementById("p0"); s = s.replace("こんにちは、", "Hello,"); p0.innerHTML = s; }</script> <p>文字列を書き換えてみる。</p> <input type="button" value="書き換え前" onclick="clicked()" /> <input type="button" value="書き換え後" onclick="clicked1()" /> <p>実行結果</p> <p id="p0"></p>

文字列を書き換えてみる。

実行結果

7.4
<script language="javascript" type="text/javascript"> function clicked2() { var d = new Date(); var p1 = document.getElementById("p1"); p1.innerHTML = "現在時刻: " + d.getHours() + "時" + d.getMinutes() + "分" + d.getSeconds() + "秒"; }</script> <p>現在時刻を表示してみる。</p> <input type="button" value="Click!" onclick="clicked2()" /> <p>実行結果</p> <p id="p1"></p>

現在時刻を表示してみる。

実行結果

7.5
<script language="javascript" type="text/javascript"> function clicked3() { var x = -0.5; var p2 = document.getElementById("p2"); p2.innerHTML = "|"+x+"|="+Math.abs(x)+"<br/>sin(" + x + ")=" + Math.sin(x) + "<br/>cos(" + x + ")=" + Math.cos(x) + "<br/>tan(" + x + ")=" + Math.tan(x); }</script> <p>-0.5の絶対値(absolute value)、正弦(sine)、余弦(cosine)、正接(tangent)を求めてみる。</p> <input type="button" value="Click!" onclick="clicked3()" /> <p>実行結果</p> <p id="p2"></p>

-0.5の絶対値(absolute value)、正弦(sine)、余弦(cosine)、正接(tangent)を求めてみる。

実行結果