-
Notifications
You must be signed in to change notification settings - Fork 0
/
6.js
74 lines (70 loc) · 2.67 KB
/
6.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
function queryArtist () {
let params = (new URL(document.location)).searchParams;
if (params.has('artist')){
let artistName = params.get('artist');
console.log(artistName);
let mbBaseURL = "https://musicbrainz.org/ws/2/";
let mbResource = "artist?query=";
let queryURL = mbBaseURL + mbResource + artistName;
console.log(queryURL);
httpGet(queryURL, getMBID);
}
}
function queryAlbums(ambid) {
let mbBaseURL = "https://musicbrainz.org/ws/2/";
let mbBrowse = "release-group?artist=";
let limit = "&limit=200";
let Browse = mbBaseURL + mbBrowse + ambid + limit;
httpGet(Browse, getAlbum);
}
function httpGet(theURL, cbFunction) {
let xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", theURL);
xmlHttp.send();
xmlHttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
cbFunction(this);
}
};
}
function getMBID(xhttp) {
let retrievedData = xhttp.responseXML;
console.log(retrievedData);
let artistData = retrievedData.getElementsByTagName("artist")[0];
console.log(artistData);
let artistName = artistData.getElementsByTagName('name')[0].innerHTML;
console.log(artistName);
let artistMBID = artistData.id;
console.log(artistMBID);
queryAlbums(artistMBID);
}
function getAlbum(xhttp) {
let data = xhttp.responseXML;
console.log(data);
let releaselist = data.getElementsByTagName("release-group-list")[0];
console.log(releaselist);
let releaseGroups = releaselist.getElementsByTagName("release-group");
let releaseCount = releaseGroups.length;
document.getElementById("albums").innerHTML = "There are " + releaseCount + " albums released.";
console.log(releaseCount);
var AlbumNames = [];
var AlbumDates = [];
for (let index = 0; index < releaseCount; index++) {
let albumData = releaselist.getElementsByTagName("release-group")[index];
let albumName = albumData.getElementsByTagName('title')[0].innerHTML;
console.log(albumName);
AlbumNames[index] = albumName;
let albumDate = albumData.getElementsByTagName('first-release-date')[0].innerHTML;
console.log(albumDate);
AlbumDates[index] = albumDate;
}
console.log(AlbumNames); console.log(AlbumDates);
text = "<tr><th>Album Name</th><th>Release Date</th></tr>";
for (i = 0; i < AlbumNames.length; i++) {
text += "<tr><td> " + AlbumNames[i] + "</td>";
text += "<td> " + AlbumDates [i] + "</td></tr>";
}
let placeholder = document.getElementById('placeholder');
placeholder.innerHTML = text;
}
window.onload = queryArtist;