script.js

function make_card(username, rolename){
	let user_card = document.getElementById(username);
	let pic = document.createElement("img");
	let name = document.createElement("a");
	let role = document.createElement("b");
	let url = "https://api.github.com/users/" + username;
	let profile = "https://github.com/" + username;
	fetch(url)
		.then(res => res.json())
		.then(data => {
			pic.src = data.avatar_url;
			console.log(data.avatar_url);
			name.innerHTML = data.login;
			role.innerHTML = rolename;
			name.href = profile;
			name.target = "_blank;"
		});
	user_card.appendChild(pic);
	user_card.appendChild(name);
	user_card.appendChild(role);
}

make_card("sudotto", "program");
make_card("ball15ta", "program");
make_card("migagula", "program");