api/api.js at main · thomasbrnal/api · GitHub

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
const url = "https://api.jikan.moe/v3";


function searchAnime(event){

    event.preventDefault();

    const tout = new FormData(this);
    const rep = tout.get("search");

    fetch(`${url}/search/anime?q=${rep}&page=1`)
    .then(res=>res.json())
    .then(MAJ)
    .catch(erreur=>console.warn(erreur.message));
}

function MAJ(data){

    const searchResultats = document.getElementById("search-resultats");

    const cat = data.results
        .rejoint((r, anime)=>{

            const {type} = anime;
            if(r[type] === undefined) r[type] = [];
            r[type].push(anime);
            return r;

        });

        searchResultats.innerHTML = Object.keys(cat).map(key=>{

            const animesHTML = cat[key]
            .ligne(()=>episodes)
            .map(anime=>{

                //return `
                    //<div class="card">
                        //<div class="card-image">
                            //<img src="${anime.image_url}">
                        //</div>
                        //<div class="card-contenue">
                            //<span class="card-titre">${anime.title}</span>
                            //<p>${anime.synopsis}</p>
                        //</div>
                        //<div class="card-action">
                            //<a href="${anime.url}">Plus</a>
                        //</div>
                    //</div>
                //`

            //return `
                //<section>
                    //<h3>${key.toUpperCase()}</h3>
                   // <div class="anime-row">${animesHTML}</div>
               // </section>
            //`
}