user.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./style.css" />
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.0.0-alpha.1/axios.min.js"
      integrity="sha512-xIPqqrfvUAc/Cspuj7Bq0UtHNo/5qkdyngx6Vwt+tmbvTLDszzXM0G6c91LXmGrRx8KEPulT+AfOOez+TeVylg=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap"
    rel="stylesheet">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <style>
 
 

#Users {
        color: #20b883;
        border-bottom: 3px solid #20b883;
      }

    </style>
    <title>Web App</title>
  </head>

  <body>
    <div class="Topbar_Topbar">
      <div class="Topbar_LogoWrapper">
        <img src="./logo.png" alt="logo" />
      </div>
      <nav>
        <a href="order.html">Orders</a>
        <a href="product.html">Products</a>
        <a href="user.html" id="Users">Users</a>
    </nav>
      <p id="logout"  onclick="logOut()">Logout</p>
    </div>

    <div class="maincontainer">
      <h1>Users</h1>

      <form class="UserList_FilterWrapper">
        <input
          class="UserList_SearchBox"
          type="search"
          id="search-box"
          placeholder="Search by Name"
        /><input type="reset" onclick="getUsers()" class="UserList_Button" value="Reset" />
      </form>

      <div class="Homepageorders">
     
 
        <table class="Homepage_OrderTable">
          <tr>
            <th>ID</th>
            <th>User Avatar</th>
            <th>Full Name</th>
            <th>DoB</th>
            <th>Gender	</th>
            <th>Current Location</th>
          </tr>

          <tbody id="mytabledata">
            <tr></tr>
          </tbody>
        </table>
      </div>
    </div>

    <script src="./user.js">
      

   /*    var a;
      console.log(a)
      a=10; */

 
    </script>
  </body>
</html>