2016年9月16日金曜日

開発環境

Exercises for Programmers: 57 Challenges to Develop Your Coding Skills (Brian P. Hogan 著、Pragmatic Bookshelf)のChapter 7(Data Structures)、35(Picking a Winner)を取り組んでみる。

35(Picking a Winner)

コード(Emacs)

<div id="output0"></div>
<script src="array.js"></script>
<script src="sample35.js"></script>
(function () {
    'use strict';
    var div_output = document.querySelector('#output0'),
        names = [],
        output;

    output = function (i) {
        var id = 'name' + i,
            input;
        
        div_output.innerHTML +=
            '<label for="' + id + '">Enter a name: </label>' +
            '<input id="' + id + '" type="text"><br>';

        input = document.querySelector('#' + id);
        input.onblur = function () {
            var name = input.value;
            
            if (name === '') {
                div_output.innerHTML += 'The winner is... ' + names.random();
            } else {
                names.push(name);
                input.setAttribute('value', name);
                input.setAttribute('readOnly', true);
                input.onblur = null;
                output(i + 1);
            }
        };
    };
    output(0);
}());

0 コメント:

コメントを投稿

Comments on Google+: