JavaScript - ページの部品をかき集める(奇麗な選択肢ボタンの設計(inputタグではなくspanタグの利用))

Head First JavaScript
頭とからだで覚えるJavaScriptの基本
(オライリージャパン)
Michael Morrison (著) 豊福 剛 (翻訳)

開発環境

• OS X Mavericks - Apple(OS)
• Emacs (CUI)、BBEdit - Bare Bones Software, Inc. (GUI) (Text Editor)
• Safari、Firefox + Firebug (Webプラウザ、プラグイン)
• JavaScript (プログラミング言語)
• jQuery (JavaScript Library)

Head First JavaScript ―頭とからだで覚えるJavaScriptの基本( Michael Morrison (著), 豊福 剛 (翻訳)、オライリージャパン)の8章(ページの部品をかき集める)、自分で考えてみよう(p.367)を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• JavaScriptクックブック
• jQueryクックブック

自分で考えてみよう(p.367)

コード(BBEdit)

sample.js

var scenetext = $('#scenetext'),
    decision1 = $('#decision1'),
    decision2 = $('#decision2');
decision1.click(function () {
    scenetext.text('decision1');
});
decision2.click(function(event) {
    scenetext.text('decision2');
});

sample.html

<div id="scenetext"></div><br />
<span id="decision1">ゲームスタート</span>
<span id="decision2"></span>

scene

(1)ゲームスタート (2)