GitHub Users

Reading data

Ref: GitHub Developer

function userData(u) {
    if (!u || !u.login) {
      error(usr.value+' not found')
      return
    } 
    //u.login is the same as usr.value
    out.style.color = ''
    out.innerHTML = ''
    //start with a tiny image
    let i = document.createElement("img")
    i.src = u.avatar_url
    out.appendChild(i)
	
	//add link to GitHub 
    let h = "\ngithub.com/"+u.login
    let a = document.createElement("a")
    a.href = "https://"+h
    a.target = "NewTab"
    a.innerText = h
    out.appendChild(a)
	
	
	
    //add name and location
    let s = (u.name? u.name : u.login)
    if (u.location) s += ", "+u.location
   // out.innerHTML += s+BR; console.log(s)
	let a2 = document.createElement("a2") 
	a2.innerText = "\n"+s+"\n"
	out.appendChild(a2)
	
	//add company
     let s4 = (u.company? u.company: u.login)
    if (u.company) s4 =u.company
	let a5 = document.createElement("a5") 
	a5.style.color = "green";
	a5.innerText = "\n"+s4+"\n"
	out.appendChild(a5)
	
	//add id
	 let s2 = (u.id? u.id : u.login)
    if (u.id) s2 = u.id
	let a3 = document.createElement("a3") 
	a3.style.color = "green";
	a3.innerText = "id: "+s2+"  "
	out.appendChild(a3)
	
	//add type
	 let s5 = (u.type? u.type : u.login)
    if (u.type) s5 = u.type
	let a6 = document.createElement("a6") 
	a6.style.color = "green";
	a6.innerText = "type:  "+s5+"\n\n"
	out.appendChild(a6)
	 
	 //add repo
     let s3 = (u.blog? u.blog : u.login)
    if (u.blog) s3 =u.blog
	let a4 = document.createElement("a4") 
	a4.style.color = "blue";
	a4.innerText = s3+"\n\n"
	out.appendChild(a4)
	
  
 
}