JavaScript - インタラクティブなウェブ(ユーザーの名前を受け取る関数(prompt))

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 (著), 豊福 剛 (翻訳)、オライリージャパン)の1章(インタラクティブなウェブ)、JavaScriptマグネット(p.25)を解いてみる。

その他参考書籍

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

JavaScriptマグネット(p.25)

コード(BBEdit)

var div = $('#smile_div'),
    clear = $('#clear_button');
clear.click(function(){
    div.html('');
});
div.html(
'<div style="margin-top:100px; text-align:center">' +
  '<img id="smile_img" src="http://farm8.staticflickr.com/7455/12009424956_d02b583696_o.png" alt="smile" style="cursor:pointer" ' +
       'onclick="touchSmile();"/>' +
'</div>');

window.touchSmile = function (){
        var user_name = prompt('あなたのお名前は？');
            
        if(user_name){
            alert('はじめまして、' + user_name + 'さん。');
            $('#smile_img').attr('src', 'http://farm4.staticflickr.com/3799/12008611555_9737b8ac4b_o.png');
        }
    };

alert('こんにちは。私は SMILE です。');