From 4fcb90e38005e0bfaac48fa70df05c064efdeefe Mon Sep 17 00:00:00 2001
From: Oskar-Mikael <oskar.m.bostrom@gmail.com>
Date: Fri, 6 Jan 2023 09:42:18 +0100
Subject: [PATCH] Selecting number of items

---
 index.html | 17 +++++++++++++++++
 script.js  | 50 ++++++++++++++++++++++++++++----------------------
 2 files changed, 45 insertions(+), 22 deletions(-)

diff --git a/index.html b/index.html
index 2a51bf7..025c264 100644
--- a/index.html
+++ b/index.html
@@ -45,6 +45,23 @@
                 </h2>
                 <h3 id="result"></h3>
                 <form>
+                    <select id="selectNumber">
+                        <option value="1">
+                            Pick 1
+                        </option>
+                        <option value="2">
+                            Pick 2
+                        </option>
+                        <option value="3">
+                            Pick 3
+                        </option>
+                        <option value="4">
+                            Pick 4
+                        </option>
+                        <option value="5">
+                            Pick 5
+                        </option>
+                    </select>
                 <button type="submit" id="submit">Randomize</button>
                 </form>
             </div>
diff --git a/script.js b/script.js
index b954da2..b84095e 100644
--- a/script.js
+++ b/script.js
@@ -30,43 +30,49 @@ $(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) {
+    if (index != -1) {
         items.splice(index, 1);
     }
     deletedItem.remove();
     console.log(itemValue)
 });
 
-
-
-
 function addItem() {
     if (input.val().length < 1) {
         $('#inputError').html("Add an item please");
-    } 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("")
+        return
     }
+    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() {
     if (items.length < 1) {
         $('#result').html('Error: Add atleast 1 item')
         $(input).css('border', '2px solid red');
-    } else {
-        result = items[Math.floor(Math.random() * items.length)];
-        $('#result').html(result)
-        $('#result').hide().fadeIn(1000);
+        return;
     }
-}
 
+    let selectNumber = $('#selectNumber').val()
+    const shuffled = items.sort(() => 0.5 - Math.random());
+    result = shuffled.slice(0, selectNumber)
+
+    let resultText = '';
+    result.forEach(function (item) {
+        resultText += item + ', ';
+    });
+
+    $('#result').html(resultText.slice(0, -2))
+    $('#result').hide().fadeIn(1000);
+
+}
\ No newline at end of file