2015年2月5日木曜日

開発環境

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

Head First HTML5 Programming: Building Web Apps with Javascript(Eric Freeman (著)、Elisabeth Robson (著)、O'Reilly Media)のChapter 6(Talking to The Web: Extroverted Apps)、CODE MAGNETS(No. 3665)を解いてみる。

その他参考書籍

CODE MAGNETS(No. 3665)

HTML5 (BBEdit, Emacs)

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <p id="luck">
    </p>
    <script src="sample3665.js"></script>
  </body>
</html>

JavaScript (BBEdit, Emacs)

window.onload = function () {
    var url = 'http://wickedlysmart.com/ifeelluckytoday',
        request = new XMLHttpRequest(),
        displayLuck = function (luck) {
            var p = document.getElementById('luck');

            p.innerHTML = 'Today you are ' + luck;
        };        

    request.onload = function () {
        if (request.status === 200) {
            displayLuck(request.responseText);
        } else {
            displayLuck('エラー');
        }
    };
    request.open('GET', url);
    request.send(null);
};

0 コメント:

コメントを投稿