From 9c3071e2d18b89c57aa64a6a4e6f192cc1c248a7 Mon Sep 17 00:00:00 2001
From: Oskar-Mikael <oskar.m.bostrom@gmail.com>
Date: Mon, 20 Feb 2023 22:22:03 +0100
Subject: [PATCH] Preset

---
 index.html | 14 +++++++++++++-
 script.js  | 49 ++++++++++++++++++++++++++++++++++++-------------
 2 files changed, 49 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index ea199d8..8ff6134 100644
--- a/index.html
+++ b/index.html
@@ -29,8 +29,15 @@
                 <input id="input" autocomplete="off"><br>
                 <p id="inputError"></p>
                 <form>
-                <button type="submit" id="add">Add item</button>
+                    <button type="submit" id="add">Add item</button>
                 </form>
+                <h3 style="margin-top: 2rem;margin-bottom: 1rem;">
+                    Presets
+                </h3>
+                <div style="block">
+                    <button type="submit" id="presetFootball">Football </button>
+                </div>
+
             </div>
 
             <div class="box2">
@@ -69,6 +76,11 @@
         </div>
 
         <button id="reset">Reset</button>
+
+        <div style="text-align: left; font-size:1rem;position:absolute;bottom:0">
+            &copy; 2023 Oskar Boström
+        </div>
+
         <script src="script.js"></script>
 
     </body>
diff --git a/script.js b/script.js
index b84095e..4f44f2f 100644
--- a/script.js
+++ b/script.js
@@ -37,23 +37,46 @@ $(document).on('click', 'img.delete', function () {
     console.log(itemValue)
 });
 
+$('button#presetFootball').click(function () {
+    let ul = $('#itemlist');
+    console.log(ul)
+    items = [];
+    items.push('Oskar', 'Emil', 'Kim', 'Mads', 'Anton', 'Alexander')
+    // let ul = $('#itemlist');
+    items.forEach(function (item) {
+        let li = document.createElement('li');
+        let img = document.createElement('img')
+        li.append(item);
+        ul.append(li);
+        li.append(img);
+        $(img).addClass('delete')
+        $(img).attr('src', 'close.png');
+        $(input).css('border', '1px solid black');
+        $(input).val('');
+        $('#inputError').html("")
+    })
+});
+
+
+
+
 function addItem() {
     if (input.val().length < 1) {
         $('#inputError').html("Add an item please");
-        return
+    } else {
+        items.push($(input).val());
+        let ul = $('#itemlist');
+        let li = document.createElement('li');
+        let img = document.createElement('img')
+        li.append($(input).val());
+        ul.append(li);
+        li.append(img);
+        $(img).addClass('delete')
+        $(img).attr('src', 'close.png');
+        $(input).css('border', '1px solid black');
+        $(input).val('');
+        $('#inputError').html("")
     }
-    items.push($(input).val());
-    let ul = $('#itemlist');
-    let li = document.createElement('li');
-    let img = document.createElement('img')
-    li.append($(input).val());
-    ul.append(li);
-    li.append(img);
-    $(img).addClass('delete')
-    $(img).attr('src', 'close.png');
-    $(input).css('border', '1px solid black');
-    $(input).val('');
-    $('#inputError').html("")
 }
 
 function displayResult() {