第三の修練

どれがクリックされたかを取得する。

JavaScript。ひとまずここでは動いてます。背景色の設定と選択状況の変更がいっしょくたになっていたり、一度もクリックされていないエレメントの場合は選択状況を取得しなかったり、とイマイチに思うところが幾つかありますがまあいいや。

var ElemManage = {
  list: {},

  add: function(id) {
    var list = this.list;
    var obj = document.getElementById(id);
    addEvent(obj, 'click', function(e) {
      if (list[id]) {
        list[id] = false;
        obj.style.backgroundColor = "#FFF";
      } else {
        list[id] = true;
        obj.style.backgroundColor = "7FFFD4";
      }
    });
  },

  get: function() {
    return this.list;
  },

  display: function() {
    var property = "";
    var list = this.get();
    for (var i in list) {
      property += i + ":" + list[i] + "\n";
    }
    alert(property);
  }
};

こんな感じ。