JavaScript - jQuery - JQuery Events and Functions: Making Things Happenon Your Page(Giving functions names, function declaration)

Head First jQuery
(O'Reilly Media)
Ryan Benedetti(著), Ronan Cranley(著)

開発環境

• OS X Yosemite - Apple (OS)
• Safari, Firefox, Google Chrome(Webプラウザ)
• Emacs (CUI)、BBEdit - Bare Bones Software, Inc.(GUI) (Text Editor)
• JavaScript (プログラミング言語)

Head First jQuery(Ryan Benedetti(著)、Ronan Cranley(著)、O'Reilly Media)のChapter 3(JQuery Events and Functions: Making Things Happen on Your Page)、JQUERY MAGNETS(No. 1673)を解いてみる。

その他参考書籍

• Head First HTML and CSS
• Head First JavaScript Programming

JQUERY MAGNETS(No. 1673)

JavaScript(BBEdit, Emacs)

scripts/my_script1673.js

$(document).ready(function (){    
    $('.guess_box').click(checkForCode);
    function checkForCode() {
        var discount = Math.floor(Math.random() * 6) + 5,
            discount_msg = '<p>Your Discount is ' + discount + '%</p>';

        $(this).append(discount_msg);
        $('.guess_box').each(function() {
            $(this).unbind('click');
        });
    }
});            

sample1673.html