-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
27 lines (26 loc) · 1.16 KB
/
script.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
const album_name = document.getElementById("album-name");
const album_container = document.getElementById("album-cover");
album_name.addEventListener("keypress", (keypress) => {
if (keypress.key == "Enter") {
fetch(`https://itunes.apple.com/search?term=${encodeURI(album_name.value)}&country=US&media=music&entity=album&limit=1`)
.then(response => {
if (response.ok) {
return response.json();
} else {
throw new Error('Error retrieving album artwork.');
}
})
.then(data => {
if (data.results.length > 0) {
const artworkUrl = data.results[0].artworkUrl100.replace("100x100", "500x500");
const imgElement = "<img src=" + artworkUrl + ">";
album_container.innerHTML = imgElement;
} else {
throw new Error(`Couldn't find the album "${album_name.value}"`);
}
})
.catch(error => {
album_container.innerHTML = "Error: " + error.message;
});
}
});