user.js

let status = window.localStorage.getItem("loginStatus");
function logOut() {
    window.localStorage.setItem("loginStatus", "false")
    window.location.href = "login.html";
}
const getUsers = () => {
 axios
   .get("https://5fc1a1c9cb4d020016fe6b07.mockapi.io/api/v1/users")
   .then(function (response) {
     // handle success
     var mydatas = response.data;
     // console.log(mydatas);

     console.log(mydatas); 


     $("#search-box").on("keyup", function () {
       
     let value = $(this).val()

     console.log("The value Entered", value)

     if (value.length<2) {

        
     alert("Please enter atleast 2 characters")
         
        
    }

     var data1 = searchTable(value, mydatas)

     console.log("This is data1", data1)

     buildTAbledata(data1);


   })



   buildTAbledata(mydatas)

   function searchTable(value, mydatas) {
     var filtereddata = []

     for (let i = 0; i < mydatas.length; i++) {
       value = value.toLowerCase()
       
       var name = mydatas[i].fullName.toLowerCase();

       if (name.includes(value)) {
         filtereddata.push(mydatas[i])

       }

     }

     return filtereddata;

   }   


   function buildTAbledata(data1) {         

     var temp = "";
     data1.forEach((itemData) => {
       temp += "<tr >";
       temp += "<td>" + itemData.id + "</td>";
       temp += "<td>" + `<img src=${itemData.profilePic}/>`+ "</td>";


       // temp +=  "<td >"+ "`<img src=${item.profilePic}" />" +"</td>";
       // temp += "<td>" +  itemData[0].firstName + "</td>";
       temp += "<td>" + itemData.fullName + "</td>";
       temp += "<td>" + itemData.dob + "</td>";
       temp += "<td>" + itemData.gender + "</td>";
       temp += "<td>" + itemData.currentCity +" "+itemData.currentCountry+ "</td></tr>";


     });
     document.getElementById("mytabledata").innerHTML = temp;

   }


     /*  let arr2 = mydatas.filter((items) => {
       return items.orderStatus == "Delivered" || items.orderStatus == "New" ;
       });
   */


   })
   .catch(function (error) {
     console.log(error);
   })
   .then(function () {
     // always executed
   });
};

getUsers();


console.log(a) 
   var a=10;