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

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

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




8.2
<script language="javascript" type="text/javascript"> function clicked() { // id=d0のtagを取得 var d0 = document.getElementById("d0"); // 段落を2個作成 var p0 = document.createElement("p"); var p1 = document.createElement("p"); // screen property,width,heightを取得 var width = screen.width; var height = screen.height; // screenのwidth,heightを作成した段落にそれぞれ書き込む p0.innerHTML = "Width: " + width; p1.innerHTML = "Height: " + height; // 取得したid=d0のtagの子要素に作成した段落を追加 d0.appendChild(p0); d0.appendChild(p1); }</script> <p>Screen Sizeを表示してみる。</p> <input type="button" value="Click!" onclick="clicked()" /> <p>実行結果</p> <div id="d0"></div>

Screen Sizeを表示してみる。

実行結果