added mediator pattern

chuanxshi · chuanxshi · commit 51be59ffa28c · 2011-12-15T07:10:53.000+08:00
diff --git a/design-patterns/mediator.html b/design-patterns/mediator.html
@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="en">
+<head>
+<title>JavaScript Patterns</title>
+<meta charset="utf-8">
+</head>
+<body>
+<script>
+function Player(name) {
+  this.points = 0;
+  this.name = name;
+}
+Player.prototype.play = function () {
+  this.points += 1;
+  mediator.played();
+};
+var scoreboard = {
+  
+  // HTML element to be updated
+  element: document.getElementById('results'),
+  
+  // update the score display
+  update: function (score) {
+    var i, msg = '';
+    for (i in score) {
+      if (score.hasOwnProperty(i)) {
+        msg += '<p><strong>' + i + '<\/strong>: ';
+        msg += score[i];
+        msg += '<\/p>';
+      }
+    }
+    this.element.innerHTML = msg;
+  }
+};
+
+var mediator = {
+  
+  // all the player
+  players: {},
+  
+  // initialization
+  setup: function () {
+    var players = this.players;
+    players.home = new Player('Home');
+    players.guest = new Player('Guest');
+  },
+  
+  // someone plays, update the score
+  played: function () {
+    var players = this.players,
+        score = {
+          Home:  players.home.points,
+          Guest: players.guest.points
+        };
+        
+    scoreboard.update(score);
+  },
+  
+  // handle user interactions
+  keypress: function (e) {
+    e = e || window.event; // IE
+    if (e.which === 49) { // key "1"
+      mediator.players.home.play();
+      return;
+    }
+    if (e.which === 48) { // key "0"
+      mediator.players.guest.play();
+      return;
+    }
+  }
+};
+
+// go!
+mediator.setup();
+window.onkeypress = mediator.keypress;
+
+// game over in 30 seconds
+setTimeout(function () {
+  window.onkeypress = null;
+  console.log('Game over!');
+}, 30000);
+
+</script>
+</body>
+</html>
