ajax.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- bootsrtap CSS  -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
    <title>AJAX</title>
</head>
  <body>
    <h1>AJAX</h1>

    <button type="button" id="FetchBtn" class="btn btn-primary">Fetch Data</button>
    <button type="button" id="backupBtn" class="btn btn-secondary">Back UP</button>
<div class="container">
  <h1>Employee List</h1>
  <ul id="list"></ul>

</div>


    <!-- custom js  -->
    <script src="./ajax.js"></script>
    <!-- botstrap JS  -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
  </body>
</html>