開発環境
- 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 第5版 David Flanagan (著), 村上 列 (翻訳)
- JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)
- 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)
13-5.
コード(TextWrangler)
<script>
var b = document.getElementsByTagName('body');
var Obj = function(){
var background = "#fff";
var state = "on";
this.changeState = function (){
if(state == "on"){
state = "off";
background = "#000";
} else {
state = "on";
background = "#fff";
}
$('body').attr('bgColor',background);
};
this.getColor = function(){
$('#t0').text(background);
};
this.getState = function(){
$('#t0').text(state);
};
};
var obj = new Obj();
</script>
<input type="button" value="getState" onclick="obj.getState()" />
<input type="button" value="getColor" onclick="obj.getColor()"/>
<input type="button" value="changeState" onclick="obj.changeState()"/>
<div id="t0" style="color:blue;">
</div>
0 コメント:
コメントを投稿