-
Notifications
You must be signed in to change notification settings - Fork 1
/
main.js
126 lines (109 loc) · 5.21 KB
/
main.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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
let form = document.getElementById("form");
form.addEventListener("submit", function getname(e) {
e.preventDefault();
let playername = document.getElementById("cricketername").value;
fetch(
`https://unofficial-cricbuzz.p.rapidapi.com/players/search?plrN=${playername}`,
{
method: "GET",
headers: {
"x-rapidapi-host": "unofficial-cricbuzz.p.rapidapi.com",
"x-rapidapi-key": "b6de29b671msh656afd628389116p121a33jsn8db112d6b133",
},
}
)
.then((response) => response.json())
.then((data) => {
let id = data.player[0].id;
fetch(
`https://unofficial-cricbuzz.p.rapidapi.com/players/get-info?playerId=${id}`,
{
method: "GET",
headers: {
"x-rapidapi-host": "unofficial-cricbuzz.p.rapidapi.com",
"x-rapidapi-key":
"b6de29b671msh656afd628389116p121a33jsn8db112d6b133",
},
}
)
.then((response) => response.json())
.then((data) => {
let playerimg = document.getElementById("playerimg");
playerimg.src = `${data.image}`;
let name = document.getElementById("name");
name.innerHTML = "";
name.innerHTML = `<b>Full Name:</b> ${data.name}`;
let dob = document.getElementById("dob");
dob.innerHTML = "";
dob.innerHTML = `<b>DOB:</b> ${data.DoB}`;
let birthplace = document.getElementById("birthplace");
birthplace.innerHTML = "";
birthplace.innerHTML = `<b>Birth Place:</b> ${data.birthPlace}`;
let bat = document.getElementById("bat");
bat.innerHTML = "";
bat.innerHTML = `<b>Bat:</b> ${data.bat}`;
let bowl = document.getElementById("bowl");
bowl.innerHTML = "";
bowl.innerHTML = `<b>Bowl:</b> ${data.bowl}`;
let height = document.getElementById("height");
height.innerHTML = "";
height.innerHTML = `<b>Height:</b> ${data.height}`;
let team = document.getElementById("team");
team.innerHTML = "";
team.innerHTML = `<b>Teams:</b> ${data.teams[0]}`;
let batodirank = document.getElementById("batodirank");
batodirank.innerHTML = "";
batodirank.innerHTML = `<b>Rank(Bat):</b> <b>Best(ODI):</b> ${data.currRank.bat.odiBestRank} <b>Current Rank:</b> ${data.currRank.bat.odiRank}`;
let batt20rank = document.getElementById("batt20rank");
batt20rank.innerHTML = "";
batt20rank.innerHTML = `<b>Rank(Bat):</b> <b>Best(T20):</b> ${data.currRank.bat.t20BestRank} <b>Current Rank:</b> ${data.currRank.bat.t20Rank}`;
let battestrank = document.getElementById("battestrank");
battestrank.innerHTML = "";
battestrank.innerHTML = `<b>Rank(Bat):</b> <b>Best(Test):</b> ${data.currRank.bat.testBestRank} <b>Current Rank:</b> ${data.currRank.bat.testRank}`;
let bowlodirank = document.getElementById("bowlodirank");
bowlodirank.innerHTML = "";
bowlodirank.innerHTML = `<b>Rank(Bowl):</b> <b>Best(ODI):</b> ${data.currRank.bowl.odiBestRank} <b>Current Rank:</b> ${data.currRank.bowl.odiRank}`;
let bowlt20rank = document.getElementById("bowlt20rank");
bowlt20rank.innerHTML = "";
bowlt20rank.innerHTML = `<b>Rank(Bowl): </b><b>Best(T20):</b> ${data.currRank.bowl.t20BestRank} <b>Current Rank:</b> ${data.currRank.bowl.t20Rank}`;
let bowltestrank = document.getElementById("bowltestrank");
bowltestrank.innerHTML = "";
bowltestrank.innerHTML = `<b>Rank(Bowl):</b> <b>Best(Test):</b> ${data.currRank.bowl.testBestRank} <b>Current Rank:</b> ${data.currRank.bowl.testRank}`;
let bio = document.getElementById("bio");
bio.innerHTML = "";
bio.innerHTML = `<b>Biography:</b> ${data.bio}`;
const url = `https://google-search72.p.rapidapi.com/imagesearch?q=${playername}&gl=us&lr=lang_en&num=10&start=0`;
const options = {
method: "GET",
headers: {
"X-RapidAPI-Key":
"b6de29b671msh656afd628389116p121a33jsn8db112d6b133",
"X-RapidAPI-Host": "google-search72.p.rapidapi.com",
},
};
const imageResultsDiv = document.getElementById("imageResults");
function clearImageResults() {
// Clear the existing results
while (imageResultsDiv.firstChild) {
imageResultsDiv.removeChild(imageResultsDiv.firstChild);
}
}
fetch(url, options)
.then((response) => response.json())
.then((data) => {
clearImageResults();
const images = data.items;
const imgheading = document.getElementById("images");
imgheading.innerHTML = "Images";
images.forEach((image) => {
const imgElement = document.createElement("img");
imgElement.src = image.originalImageUrl;
imgElement.alt = image.title;
const resultDiv = document.createElement("div");
resultDiv.appendChild(imgElement);
imageResultsDiv.appendChild(resultDiv);
});
});
});
});
});