Create index.js

static/index.js

@@ -0,0 +1,53 @@
+document.addEventListener("DOMContentLoaded", function () {
+  fetchData();
+});
+
+async function fetchData() {
+  try {
+    const response = await fetch("getdata");
+    if (!response.ok) {
+      throw new Error("Failed to fetch data");
+    }
+    const data = await response.json();
+    displayData(data);
+  } catch (error) {
+    console.log("Error Fetching data", error);
+  }
+}
+
+function displayData(data) {
+  const dataDiv = document.getElementById("data");
+  if (data) {
+    const html = `
+          <table>
+              <thead>
+                  <tr>
+                      <th>Country</th>
+                      <th>Alpha-2 Code</th>
+                      <th>Alpha-3 Code</th>
+                      <th>Region</th>
+                      <th>Subregion</th>
+                      <th>region code</th>
+                  </tr>
+              </thead>
+              <tbody>
+                  ${data.data
+                    ?.map(
+                      (row) => `
+                      <tr>
+                      <td>${row[0]}</td>
+                      <td>${row[1]}</td>
+                      <td>${row[2]}</td>
+                      <td>${row[3]}</td>
+                      <td>${row[4]}</td>
+                      <td>${row[5]}</td>
+                      </tr>
+                  `
+                    )
+                    .join("")}
+              </tbody>
+          </table>
+      `;
+    dataDiv.innerHTML = html;
+  }
+}