我有一个麻烦使用这id从一个模板字符串项目

const elementoParaInserirJogosNaLista = document.getElementById("listaJogos");

function exibirJogosNaTela(listaDeJogos) {
  elementoParaInserirJogosNaLista.innerHTML = "";
  listaDeJogos.forEach((jogo) => {
    elementoParaInserirJogosNaLista.innerHTML += `
        <div class="jogo">
        <a href="paginajogo.html">
        <img class="jogo__imagem" src="${jogo.imagem}" alt="${jogo.titulo}" />
        </a>
        <h2 class="jogo__titulo">${jogo.titulo}</h2>
        <p class="jogo__preco" id="preco">R$${jogo.preco}<a ><img class="jogo__carrinho" id="addCarrinho" src="./images/addcart.png" alt="Adicionar ao carrinho"/></p><a/>
        
        </div>
        `;
  });
}

我试过用“addCarrinho”这个身份但是没有用
我是个新手

const botoesAddCarrinho = [];
botoesAddCarrinho = document.querySelectorAll(".jogo__carrinho");
botoesAddCarrinho.forEach((evento) =>
  evento.addEventListener("click", addNoCarrinho)
);

function addNoCarrinho () {
  console.log('ok')
}

我已将选择器更改为按类，但没有任何结果，就像未选择任何内容一样
我正在使用exibirNaTela与json进行获取

let jogos = [];
const endpointDaAPI ="jogos.json"

getBuscarJogosDaAPI();

async function getBuscarJogosDaAPI() {
  const respost = await fetch(endpointDaAPI);
  jogos = await respost.json();
  exibirJogosNaTela(jogos.jogos);
  
}