Criei um arquivo js com o seguinte código:
function buscarRepos(){
lista.innerHTML = '';
var nomeUser = document.querySelector('div#app input').value;
var resultado = minhaPromise(nomeUser)
.then(function(response) {
for (let url = 0; url < response.length; url++){
resultado = response[url].html_url;
var itemList = document.createElement('li');
itemList.append(resultado);
lista.append(itemList);
}
})
.catch(function(error) {
console.warn(error);
});
console.log(resultado);
}
var minhaPromise = function(username){
return new Promise(function(resolve,reject){
var xhr = new XMLHttpRequest();
xhr.open('GET', `https://api.github.com/users/${username}/repos`);
xhr.send(null);
xhr.onreadystatechange = function(){
if (xhr.readyState == 4){
if (xhr.status == 200){
resolve(JSON.parse(xhr.responseText));
} else {
reject("Erro na requisição");
}
}
}
});
}
Agora preciso que enquanto o resultado dessa Promise carregue, apareça uma mensagem assim no html:
<li>Carregando...</li>
Como faço?