Add functionality for deleting list items

script.js

@@ -19,13 +19,25 @@ $('#add').on('click', function(){
 })
 
 $('#reset').on('click', function () {
-    window.location.reload();
+    location.reload();
 });
 
 $('#submit').on('click', function () {
     displayResult()
 });
 
+$(document).on('click', 'img.delete', function () {
+    let deletedItem = $(this).closest('li')
+    let itemValue = $(this).closest('li').text()
+    let index = items.indexOf(itemValue);
+    if(index != -1) {
+        items.splice(index, 1);
+    }
+    deletedItem.remove();
+    console.log(itemValue)
+});
+
+
 
 
 function addItem() {
@@ -35,8 +47,12 @@ function addItem() {
         items.push($(input).val());
         let ul = $('#itemlist');
         let li = document.createElement('li');
+        let img = document.createElement('img') 
         li.append($(input).val());
-        ul.append(li)
+        ul.append(li);
+        li.append(img);
+        $(img).addClass('delete')
+        $(img).attr('src', '/close.png');
         $(input).css('border', '1px solid black');
         $(input).val('');
         $('#inputError').html("")