Fix escape-to-clear

jzaefferer · Dec 8, 2011 · 494dc68 · 494dc68
1 parent c39c45a
commit 494dc68
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/bouncing.html b/bouncing.html
@@ -10,6 +10,6 @@
 		<title>Bouncing Ball</title>
 	</head>
 	<body>
-		Click to create a new ball; down, drag and up to create a new one with initial velocity. Resize the window.
+		Click to create a new ball; down, drag and up to create a new one with initial velocity. Resize the window. Escape key to clear.
 	</body>
 </html> 
diff --git a/bouncing.js b/bouncing.js
@@ -16,6 +16,9 @@ $(function() {
 		this.velocity = new Vector(-5, 0);
 	}
 	Ball.prototype = {
+		remove: function() {
+			this.output.remove();
+		},
 		move: function() {
 
 			this.velocity = this.velocity.add(GRAVITY.scale(0.1));
@@ -65,7 +68,10 @@ $(function() {
 	$(document).keyup(function(event) {
 		// clear on escape
 		if (event.keyCode === 27) {
-			balls.splice(0, birds.length);
+			balls.forEach(function(ball) {
+				ball.remove();
+			});
+			balls.splice(0, balls.length);
 		}
 	})
 });