Update search table

Author: hawariMuflihMunte

assets/js/script.js

@@ -538,13 +538,19 @@ document.addEventListener(SEARCH_DATA, () => {
         const title = document.getElementById('search').value
         const data = searchBook(title)
         searchContent.innerHTML = ''
-        if (data !== undefined) searchContent.append(data)
-        else swal({
-            title: 'Failed',
-            text: 'Data is not found !',
-            icon: 'error',
-            button: 'OK'
-        })
+
+        if (data !== undefined) {
+            const searchResultTable = document.getElementById('search-content-table')
+            searchResultTable.style.display = `table`
+            searchContent.append(data)
+        } else {
+            swal({
+                title: 'Failed',
+                text: 'Data is not found !',
+                icon: 'error',
+                button: 'OK'
+            })
+        }
         document.getElementById('search').value = ''
     })
 })

assets/js/style-addon.js

@@ -15,4 +15,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     const editYear = document.getElementById('edit-year')
     editYear.setAttribute('max', `${+new Date().getFullYear()}`)
+
+    const searchResultTable = document.getElementById('search-content-table')
+    searchResultTable.style.display = `none`
 })

index.html

@@ -57,7 +57,7 @@ <h1 class="font-weight-medium">Book Data</h1>
             </form>
         </div>
         <div class="table-responsive" style="padding-bottom: 20px;">
-            <table>
+            <table id="search-content-table">
                 <thead>
                     <tr>
                         <th>Name</th>