oskarb/randomize-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change selectors and add fadeIn animation to result

Browse Source
This commit is contained in:
Oskar-Mikael
2021-01-27 14:11:44 +01:00
parent a106a7a79a
commit 939b3fb4f1
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
script.js
View File

@@ -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);
}
}