const APIURL = 'https://api.github.com/users/' const main = document.getElementById('main') const form = document.getElementById('form') const search = document.getElementById('search') async function getUser(username) { try { const { data } = await axios(APIURL + username) createUserCard(data) getRepos(username) } catch(err) { if(err.response.status == 404) { createErrorCard('No profile with this username') } } } async function getRepos(username) { try { const { data } = await axios(APIURL + username + '/repos?sort=created') addReposToCard(data) } catch(err) { createErrorCard('Problem fetching repos') } } function createUserCard(user) { const cardHTML = `
${user.name}

${user.name}

${user.bio}

` main.innerHTML = cardHTML } function createErrorCard(msg) { const cardHTML = `

${msg}

` main.innerHTML = cardHTML } function addReposToCard(repos) { const reposEl = document.getElementById('repos') repos .slice(0, 5) .forEach(repo => { const repoEl = document.createElement('a') repoEl.classList.add('repo') repoEl.href = repo.html_url repoEl.target = '_blank' repoEl.innerText = repo.name reposEl.appendChild(repoEl) }) } form.addEventListener('submit', (e) => { e.preventDefault() const user = search.value if(user) { getUser(user) search.value = '' } })