Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<div id="text">
    <h1>Welcome</h1>
    Github username: <input type="text" id="username">
    <button onclick="load()">Load</button>
    <ul id="repos"></ul>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
    function load() {
   $("#repos").empty();
    let usernames = $("#username").val();
    $.get("https://api.github.com/users/" + usernames + "/repos")
            .then(function (data) {
                for(let repo of data){
                    let link=$('<a>').text(repo.full_name);
                  link.attr('href',repo.html_url);
                  $("#repos").append($('<li>').append(link))
                }

            })
            .catch(function () {
                $("#repos").append($("<li>Error</li>"));
            });

}</script>
</body>
</html>