GitHub-Users-using-API/script.js at main · dpakdev02-dev/GitHub-Users-using-API · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36


let getApi = async () => {
    let a = await fetch("https://api.github.com/users");

    let data = await a.json();

    let users = document.querySelector(".users");

    let inp = document.getElementById("inp");

    data.map((ele) => {
        let box = document.createElement("div");
        box.classList.add("box")
        box.innerHTML = `
                    <img src="${ele.avatar_url}" alt="" height="80px" width="80px">
                    <h1>${ele.login}</h1>
                    <a href="${ele.html_url}">View Profile</a>`
        users.appendChild(box);

        inp.addEventListener("keyup", () => {
            box.style.display = "none";
            if (ele.login.includes(inp.value)) {
                box.style.display = "flex";
            }
        })


    })


}

getApi();