main.js

function randomPokemon() {
  const pokeApi = "https://pokeapi.co/api/v2/pokemon/";
  const randomId = Math.floor(Math.random() * 1034 + 1);
  const pokemon = fetch(`${pokeApi}${randomId}`).then((response) =>
    response.json(),
  );
  return pokemon;
}

const botonRandom = document.querySelector(`#random`);
const display = document.querySelector(`.display`);
botonRandom.addEventListener("click", async function () {
  const pokemon = await randomPokemon();
  console.log(pokemon);
  const container = document.createElement(`div`);
  container.id = pokemon.id;
  const title = document.createElement(`h3`);
  title.innerText = pokemon.name;
  const img = document.createElement(`img`);
  img.src = pokemon.sprites.other.showdown.front_default;
  container.appendChild(img);
  container.appendChild(title);
  display.appendChild(container);
});