const error = document.querySelector("#error")

​

for (let item of document.querySelectorAll("li")) {

  item.addEventListener('click', showPokemon)

}

​

async function showPokemon(e) {

  const name = encodeURIComponent(e.target.textContent.toLowerCase())

  const response = await fetch(`https://pokeapi.co/api/v2/pokemon/${name}`)

  if (response.status >= 200 && response.status < 400) {

    const pokemon = await response.json()

    picture.src = pokemon.sprites.front_default

    error.textContent = ''

  } else {

    picture.src = ''

    error.textContent = `Problem, server said ${response.status}`

  }

}