-
Notifications
You must be signed in to change notification settings - Fork 1
/
script.js
72 lines (68 loc) · 3.06 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
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
document.addEventListener('DOMContentLoaded', function() {
const searchBar = document.getElementById('search-bar');
const autocompleteList = document.getElementById('autocomplete-list');
const topAiringList = document.getElementById('top-airing-list');
const recentEpisodesList = document.getElementById('recent-episodes-list');
fetch('https://api-anime-info.vercel.app/anime/gogoanime/top-airing')
.then(response => response.json())
.then(data => {
data.results.forEach(anime => {
const card = document.createElement('div');
card.classList.add('anime-card');
card.innerHTML = `
<img src="${anime.image}" alt="${anime.title}">
<p>${anime.title}</p>
`;
card.addEventListener('click', () => {
window.location.href = `anime.html?id=${anime.id}`;
});
topAiringList.appendChild(card);
});
})
.catch(error => console.error('Fetching top airing anime failed:', error));
fetch('https://api-anime-info.vercel.app/anime/gogoanime/recent-episodes')
.then(response => response.json())
.then(data => {
data.results.forEach(anime => {
const card = document.createElement('div');
card.classList.add('anime-card');
card.innerHTML = `
<img src="${anime.image}" alt="${anime.title}">
<p>${anime.title}</p>
`;
card.addEventListener('click', () => {
window.location.href = `watch.html?episodeId=${anime.episodeId}`;
});
recentEpisodesList.appendChild(card);
});
})
.catch(error => console.error('Fetching recent episodes failed:', error));
searchBar.addEventListener('input', function() {
const query = searchBar.value;
if (query.length < 3) {
autocompleteList.innerHTML = '';
return;
}
fetch(`https://api-anime-info.vercel.app/anime/gogoanime/${query}`)
.then(response => response.json())
.then(data => {
autocompleteList.innerHTML = '';
data.results.forEach(anime => {
const item = document.createElement('div');
item.innerHTML = `<img src="${anime.image}" alt="Anime Image"><span>${anime.title}</span>`;
item.addEventListener('click', () => {
window.location.href = `anime.html?id=${anime.id}`;
});
autocompleteList.appendChild(item);
});
})
.catch(error => console.error('Autocomplete search failed:', error));
});
searchBar.addEventListener('keypress', function(event) {
if (event.key === 'Enter') {
event.preventDefault();
const query = searchBar.value;
window.location.href = `search.html?query=${query}`;
}
});
});