HTML5のCanvasとJavaScriptを使った「もぐらたたきゲーム」です。 ソースコードは次のとおり。 <script> var size = 10; // 原っぱの大きさ var areasize …続きを読む→

HTML5のCanvasとJavaScriptを使ったパズルです。 ソースコードは次のとおり。 &lt;script&gt; function draw() { var dxd=screen.device …続きを読む→

Internet Explorerとそれ以外のブラウザではイベントの実装が異なる。 例えば、イベントリスナの登録であれば、Internet ExplorerではattachEventメソッドを使用し、それ以外のブラウザで …続きを読む→

JavaScriptのwindowオブジェクトのpromptメソッドをInternet Explorer8で実行すると次のようなメッセージが表示される。 「この Web サイトは、スクリプト化されたウィンドウを使用して情 …続きを読む→

JavaScriptでイベントハンドラの登録するには次の２つがある。 ・タグ内の属性として宣言する ・JavaScriptのコード内で宣言する ❖タグ内の属性として宣言する方法は次のように記述する。（下記の例では< …続きを読む→

HTMLでリンク先を別ウィンドウで表示させることができるが、ウィンドウの大きさまでは指定することができない。 <a href ="video.php" target = "_blank …続きを読む→

javascriptでHTMLタグ（例えばアンカータグ）にonsubmitやonclickの属性を付けると、onclickで指定した関数を実行後に、処理の続きがされる。 分かりにくいので次の例で説明する。 <a h …続きを読む→

javascriptでオブジェクトのプロパティにどんなものがあるのかを調べるには for (… in …) を使えばよい。例えば、<input>のプロパティを調べるには次のソースコード …続きを読む→

記事を折りたたみ、クリックすることで表示することをJavaScriptを使って実現することができる。 ＜準備＞ (1)javascriptで次の折りたたみ制御ロジックを<heder>～</heder&g …続きを読む→

javascriptで構文エラーがあっても、ブラウザがエラーメッセージを表示してくれないため、エラー箇所を見つけることに苦労する。そういうときにデバッガを使うとと便利である。IEではF12キーを押すとデバック画面が表示さ …続きを読む→