Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>GitHub Repos</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
GitHub username:
<input type="text" id="username" value="k1r1L" />
<button onclick="loadRepos()">Load Repos</button>
<ul id="repos">
    <li>
        <a href="{repo.html_url}">
            {repo.full_name}
        </a>
    </li>
</ul>
<script>
    function loadRepos() {
        $("#repos").empty();
        let name = $("#username").val();
        let url = "https://api.github.com/users/" +
            name + "/repos";
        $.ajax({
            url,
            success: displayRepos,
            error: displayError
        });

        function displayRepos(repos) {
            for (let repo of repos) {
                let href = $("<a>").text(repo.full_name);
                href.attr("href", repo.html_url);
                $("repos").append($("<li>").append(href));
            }
        }

        function displayError() {
            $("#repos").append($("<li>").text("Error"));
        }
    }
</script>
</body>
</html>