Demo API GitHub

by deanpeters

HTML

<label>Usuario en gitHub: </label>
<input>
<button>Mostrar sus repos</button>
<ul></ul>

JavaScript

$("button").on("click", function() {
	
  // var userGithub = $("input").val();
  var userGithub = "deanpeters"
	var urlApiGithub = "https://api.github.com/users/" + userGithub + "/repos"

  $.ajax({
    url: urlApiGithub,
    success( dataFromGithubApi ) {
      console.log ("dataFromGithubApi", dataFromGithubApi);
  		var listElements = "";
      $.each(dataFromGithubApi, function( index, repo ) {
        listElements += '<li><a target="_blank" href="' + repo.html_url + '">' + repo.name + '</a></li>';
      })
      $("ul").html(listElements)
    }
  })

})