vovvkka
@vovvkka

Как повесить слушателя на ссылку?

Здравствуйте, есть такой код:
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, вне функции, все таже ошибка.
Помогите пожалуйста)
  • Вопрос задан
  • 93 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы