async function main() {
    const queryString = window.location.search;

    const urlParams = new URLSearchParams(queryString);

    let pokemon = urlParams.get('pokemon');

    if(pokemon == null) {
        pokemon = "bulbasaur";
    }

    let language = urlParams.get('language');

    if(language == null) {
        language = "en";
    }

    const url = "https://pokeapi.co/api/v2/pokemon/" + pokemon;
    const firstResult = await fetch(url);
    const firstData = await firstResult.json();

    console.log(firstData);

    const speciesResult = await fetch(firstData.species.url);
    const speciesData = await speciesResult.json();

    let getname = "";

    speciesData.flavor_text_entries.forEach(async(entry) => {
        let flavor = "";
        if(entry.language.name.localeCompare(language) == 0){
            const versionResult = await fetch(entry.version.url);
            const versionData = await versionResult.json();
            flavor += "<tr>";
            versionData.names.forEach(name => {
                if(name.language.name.localeCompare(language) == 0) {
                    flavor += "<th>" + name.name + "</th>";
                }
            });
            flavor += "<td>" + entry.flavor_text + "</td></tr>";
        }
        document.getElementById("flavor").innerHTML += flavor;
    });

    speciesData.names.forEach(name => {
        if(name.language.name.localeCompare(language) == 0) {
            getname += name.name;
        }
    });

    document.getElementById("getname").innerHTML = getname;

    let image = "";
    image += "<img src='" + firstData.sprites.front_default + "' id='sprite'/>";
    image += "<img src='" + firstData.sprites.back_default + "' id='sprite'/>";
    document.getElementById("image-normal").innerHTML = image;

    image = "";
    image += "<img src='" + firstData.sprites.front_shiny + "' id='sprite'/>";
    image += "<img src='" + firstData.sprites.back_shiny + "' id='sprite'/>";
    document.getElementById("image-shiny").innerHTML = image;

    firstData.types.forEach(async(type) => {
        const typeResult = await fetch(type.type.url);
        const typeData = await typeResult.json();
        let types = "";
        typeData.names.forEach(name => {
            if(name.language.name.localeCompare(language) == 0) {
                types += "<td><a class=\"type-icon type-" + typeData.name + "\">" + name.name + "</td>";
            }
        });
        document.getElementById("types").innerHTML += types;
    });
}

main();