開発環境
- OS X Lion - Apple(OS)
- Safari (Webプラウザ)
- TextWrangler(Text Editor) (BBEditの無料、light版)
- Script言語:JavaScript
- JavaScript Library: jQuery
『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5) の13章(カスタムオブジェクトと例外の処理)練習問第13-5を解いてみる。
その他参考書籍
- JavaScript 第6版
- JavaScriptリファレンス 第6版
- 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)
13-5.
コード(TextWrangler)
<script> var Obj = function(){ var background = "#fff"; var state = "on"; this.changeState = function(){ if(state === "on"){ background = "#000"; state = "off"; } else { background = "#fff"; state = "on"; } }; this.getColor = function(){ return background; }; this.getState = function(){ return state; }; }; var o = new Obj(); function f(){ $('#d0').attr('style',"background-color:" + o.getColor()); $('#pre0').text("色: " + o.getColor() + ", 状態: " + o.getState() + "\n"); o.changeState(); } </script> <input type="button" value="状態を変更" onclick="f()"/> <pre id='pre0' ></pre>
0 コメント:
コメントを投稿