Deleting and adding cards

generator/generate.html

                         <label for="selected_card">Selected card</label>
                         <select class="form-control" id="selected_card"></select>
                     </div>
-                    <button type="button" class="btn btn-primary btn-block disabled">Delete selected card</button>
-                    <button type="button" class="btn btn-primary btn-block disabled">Add new card</button>
+                    <button type="button" class="btn btn-primary btn-block" id="button-delete-card">Delete selected card</button>
+                    <button type="button" class="btn btn-primary btn-block" id="button-add-card">Add new card</button>
                 </form>
             </div>
             <div class="col-md-3">

generator/js/ui.js

     ui_update_card_list();
 }
 
+function ui_delete_card() {
+    var selected_card = parseInt($("#selected_card").val(), 10);
+    card_data.splice(selected_card, 1);
+    ui_update_card_list();
+}
+
 function ui_update_card_list() {
     $("#total_card_count").text("Deck contains " + card_data.length + " cards.");
 
     $("#file-load").change(ui_load_files);
     $("#button-load-sample").click(ui_load_sample);
     $("#button-save").click(ui_save_file);
-
+    $("#button-add-card").click(ui_add_new_card);
+    $("#button-delete-card").click(ui_delete_card);
     ui_update_card_list();
 });