update error exception handle and arrange file structure

Author: lucthienphong1120

style.css renamed to assets/css/style.css

@@ -29,7 +29,7 @@ class CertData {
             this.id = matches[2];
             return true;
         } else {
-            console.error("Code ID không hợp lệ!")
+            this.showCustomError("Xác minh thất bại, Code ID không đúng định dạng!")
             return false;
         }
     }
@@ -106,7 +106,6 @@ class CertData {
                 }
             } else {
                 // Display an error message if there is an error loading the data source file
-                this.error.style.display = 'block';
                 document.getElementById("pdfViewer").style.display = "none";
                 if (this.urlParams.get('data')) {
                     this.urlParams.delete('data');
@@ -130,8 +129,8 @@ class CertData {
     // Hàm hiển thị lỗi tùy chỉnh
     showCustomError(message) {
         this.error.style.display = 'block';
-        this.error.innerHTML = `<p>${message}</p>`;
         this.resource.style.display = 'none';
+        console.error(message)
     }
 }
 

render.js renamed to assets/js/cert-render.js

@@ -13,7 +13,7 @@
     <meta property="og:url" content="https://education.crfnetwork.com">
     <meta property="og:type" content="website">
     <title>Verified Certificate | Coding Reshape Future</title>
-    <link rel="stylesheet" href="./style.css">
+    <link rel="stylesheet" href="./assets/css/style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.16.105/pdf.min.js"></script>
 </head>
@@ -100,8 +100,8 @@ <h3>Title</h3>
             <div class="infor">CRF Education - Coding Reshape Future Co. LTD</div>
         </div>
     </footer>
-    <script src="./render.js"></script>
-    <script src="./script.js"></script>
+    <script src="./assets/js/cert-render.js"></script>
+    <script src="./assets/js/handle-button.js"></script>
 </body>
 <!-- Copyright by LTP 10/04/2023. All data is reversed -->