| 44 | e.preventDefault(); |
| 45 | } |
| 46 | function showError(error){ |
| 47 | //Show Results |
| 48 | document.getElementById('results').style.display='none'; |
| 49 | //Hide Loader |
| 50 | document.getElementById('loading').style.display='none'; |
| 51 | //-------------------------------------------------------------------- |
| 52 | //Create a div |
| 53 | const errorDiv = document.createElement('div'); |
| 54 | //get elements |
| 55 | const ELcard = document.querySelector ('.card'); |
| 56 | const ELheading = document.querySelector('.heading'); |
| 57 | //Add class |
| 58 | errorDiv.className = 'alert alert-danger'; |
| 59 | //create text node and append to dic |
| 60 | errorDiv.appendChild(document.createTextNode(error)); |
| 61 | //Insert error above heading |
| 62 | ELcard.insertBefore(errorDiv, ELheading); |
| 63 | //clear error after 3 seconds |
| 64 | setTimeout(clearError, 3000); |
| 65 | } |
| 66 | function clearError(){ |
| 67 | document.querySelector('.alert').remove(); |
| 68 | } |