From 939b3fb4f1410bee203681188ed12897067c4c55 Mon Sep 17 00:00:00 2001
From: Oskar-Mikael <oskar.bostrom@chasacademy.se>
Date: Wed, 27 Jan 2021 14:11:44 +0100
Subject: [PATCH] Change selectors and add fadeIn animation to result

---
 script.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/script.js b/script.js
index f3ed60f..58f2a60 100644
--- a/script.js
+++ b/script.js
@@ -35,10 +35,10 @@ function addItem() {
         items.push($(input).val());
         let ul = $('#itemlist');
         let li = document.createElement('li');
-        li.append($('#input').val());
+        li.append($(input).val());
         ul.append(li)
-        $('#input').css('border', '1px solid black');
-        $('#input').val('');
+        $(input).css('border', '1px solid black');
+        $(input).val('');
         $('#inputError').html("")
     }
 }
@@ -46,10 +46,11 @@ function addItem() {
 function displayResult() {
     if (items.length < 1) {
         $('#result').html('Error: Add atleast 1 item')
-        $('#input').css('border', '2px solid red');
+        $(input).css('border', '2px solid red');
     } else {
         result = items[Math.floor(Math.random() * items.length)];
         $('#result').html(result)
+        $('#result').hide().fadeIn(1000);
     }
 }