Menambah fungsi delete

lab_4/templates/lab_4/partials/header.html

@@ -8,7 +8,6 @@
   .navbar{
     background-color: rgb(130, 174, 255);
   }
-
 </style>
     <nav class="navbar navbar-default navbar-static-top" style="border-color: transparent;">
       <div class="container">

lab_5/templates/lab_5/lab_5.html

@@ -20,8 +20,8 @@
         <div class="flex">
             {% if todo %}
                 {% for data in todo %}
-                    <div class="flex-item">
-                        <div class="to-do-list">
+                    <div id="parent" class="flex-item">
+                        <div onclick="removeElement(this);" id="child" class="to-do-list">
                             <div class="to-do-list-title">
                                 {{data.title}}
                             </div>
@@ -31,7 +31,7 @@
                             <div class="to-do-list-description">
                                 {{data.description}}
                             </div>
-                            <div class="to-do-list-delete">
+                            <div id="delete" class="to-do-list-delete">
                                 <div class="to-do-list-delete-button" data-id="{{data.id}}">Delete</div>
                             </div>
                         </div>
@@ -46,4 +46,12 @@
     </div>
 </section>
 
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+<script type="text/javascript">
+    function removeElement(elm){
+        (elm).remove();
+        location.reload();
+    }
+</script>
+
 {% endblock %}
\ No newline at end of file