Entities now can be removed

script.js

@@ -141,10 +141,11 @@ $(document).ready(function($) {
     
     class Entity {
         constructor() {
+            var entity = this;
             this.id = entityId++;
             this.position = new Vector2();
             this.speed = new Vector2();
-            var elem = this.elem = $('<div>').addClass('point').appendTo('body');
+            this.elem = $('<div>').addClass('point').appendTo('body');
             this.row = $('<tr>').appendTo('#table_entities');
             this.columns = {
                 id: $('<td>').text(this.id).appendTo(this.row),
@@ -156,11 +157,24 @@ $(document).ready(function($) {
             $('<input />')
                 .attr('type', 'color')
                 .change(function(){
-					console.log($(this).val());
-					elem.css('background-color', $(this).val());
+                    entity.elem.css('background-color', $(this).val());
                 })
                 .appendTo(this.columns.color)
                 .change();
+            $('<button>')
+                .addClass('btn btn-xs btn-danger')
+                .text(' Löschen')
+                .prepend($('<i>').addClass('glyphicon glyphicon-trash'))
+                .appendTo(this.columns.actions)
+                .click(function(){
+					entity.elem.remove();
+					entity.row.remove();
+					
+                    var index = entities.indexOf(entity);
+                    if (index > -1) {
+                        entities.splice(index, 1);
+                    }
+                });
         }
     };