forked from Prajwal0225/My-Favorite-SuperHero
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contributers.js
62 lines (51 loc) · 2.03 KB
/
contributers.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
const container = document.querySelector('.contributors');
const maintainersContainer = document.querySelector('.maintainers');
document.addEventListener('DOMContentLoaded', () => {
fetch('contributer.json')
.then(res => {
return res.json()
})
.then((data) => {
console.log(data);
data.forEach(user => {
let contributorElement = document.createElement('div')
let avatar = document.createElement('img')
let userLink = document.createElement('a')
let userName = document.createElement('h3')
let userContributions = document.createElement('p')
// contributorElement
contributorElement.classList.add('contributor')
avatar.classList.add('avatar')
avatar.src = user.avatar_url;
avatar.alt = `${user.login}'s avatar`;
userName.textContent = user.login;
userLink.href = user.html_url;
userLink.target = '_blank';
userLink.textContent = 'Profile'
userContributions.textContent = `Contributions: ${user.contributions}`;
contributorElement.appendChild(avatar)
contributorElement.appendChild(userName)
contributorElement.appendChild(userLink)
contributorElement.appendChild(userContributions)
container.appendChild(contributorElement);
const filterUsers = data.filter(user => user.login === 'Prajwal0225' || user.login === 'madhurafulkar' )
if(filterUsers.length === 0){
return "No maintainers in this project"
}
const userHTML = filterUsers.map(user =>
`
<div class="user">
<img src="${user.avatar_url}" class="avatar" alt="${user.login}"/>
<h3>${user.login}</h3>
<p>Contributions: ${user.contributions}</p>
<a href="${user.html_url}" target="_blank">Profile</a>
</div>
`
)
maintainersContainer.innerHTML = userHTML;
})
.catch(error => {
console.error("Everything is wrong mann...")
})
})
})