Здравствуйте, есть такой код:
const pokemonsList = document.querySelector('.pokemons-list');
const getAllListOfPokemons = async () => {
const pokemonUrl = 'https://pokeapi.co/api/v2/pokemon/';
const getAllPokemons = await fetch(pokemonUrl);
const responseAllPokemons = await getAllPokemons.json();
responseAllPokemons["results"].map(pokemon => {
const pokemonUl = document.createElement('ul');
pokemonUl.innerHTML += `<li> <a href="${pokemon.url}" id="pokemon-a"> ${pokemon.name} </a> </li>`;
pokemonsList.append(pokemonUl);
});
document.querySelector('#pokemon-a').addEventListener('click', e => {
e.preventDefault()
});
};
getAllListOfPokemons();
Нужно повесить слушателя на каждую a, сделать ей preventDefault, и дальше уже с ними работать.
Но при попытке повесить слушателя выходит ошибка что не получается прочитать null.
Пытался повесить слушателя и в map, отдельно от map, вне функции, все таже ошибка.
Помогите пожалуйста)