JavaScript - ページの部品をかき集める(HTMLの内部にアクセス(text), html(jQuery))

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.349)を解いてみる。

その他参考書籍

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

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

コード(BBEdit)

sample.js

var scenetext0 = $('#scenetext0'),
    scenetext1 = $('#scenetext1'),
    scenetext2 = $('#scenetext2'),
    input_cur_scene = $('#input_cur_scene'),
    input_decision_scene = $('#input_decision_scene'),
    changeScene = function () {
        try {
            var cur_scene = parseInt(input_cur_scene.val(), 10),
                decision = parseInt(input_decision_scene.val(), 10),
                message = '';
            /// 自分で考えてみよう
            switch (cur_scene) {
                case 0:
                    cur_scene = 1;
                    message = '旅は分かれ道から始まります。';
                    break;
                case 1:
                    if (decision === 1) {
                        cur_scene = 2;
                        message = '林の中でかわいい小さな家を見つけました。';
                    } else {
                        cur_scene = 3;
                        message = '橋にたち、穏やかな流れを眺めます。';
                    }
                    break;
            }
        } catch (e) {
            message = e;
        }
        scenetext0.text(message);
        scenetext1.text('<h5>' + message + '</h5>');
        scenetext2.html('<h5>' + message + '</h5>');        
    };
input_cur_scene.keyup(changeScene);
input_decision_scene.keyup(changeScene);

current scene: decision scen: