Exemplo: Fazendo Requisições AJAX na PokeAPI

pokeapiajax.txt

function buscarPokemon(id) {

    //Nossa função irá receber um ID que corresponde a qualquer Pokemon

    const endpoint = "https://cors.now.sh/https://pokeapi.co/api/v2/pokemon/";
    const URL = endpoint + id;
    
    //Nossa constante "URL" será a união do endPoint da API + o ID do Pokemon
    //EX: https://cors.now.sh/https://pokeapi.co/api/v2/pokemon/1" ou
    //    https://cors.now.sh/https://pokeapi.co/api/v2/pokemon/pikachu"
    
    fetch(URL)
        .then((resp) => resp.json())
        .then(function (data) {
            
            //Caso tenha sido bem sucedido, nossa requisição irá nos retornar os dados já em formato JSON
            //E assim, iremos exibir no nosso Log as informações a respeito do Pokemon
            console.log(data);
            
            //A partir daqui, você que dicide o que fazer com os dados recebidos.
            //EX1: Alterar um certo elemento com as informações recebidas é uma boa idéia.
            //EX2: Com a manipulação do DOM, você pode criar um pequeno catálogo(PokeDex) com as informações obtidas.
            //EX3: A cada vez que o usuário submeter uma informação em um Input, exibir na tela as informações do Pokemon.
        })
        .catch(function (error) {
            
            //Em caso de erro, nossa função irá nos retornar uma informação de erro(Ex: error) dentro do nosso Log
       
            console.log(error);
            console.log("you've met with a terrible Error, haven't you?");
            
        });
    
}