0
respostas

Erro Depoimentos

=(function() {
    var id_ativo = 1;
    var nr_depoimentos =3;

    var troca_depoimento = function (novo_id) { 
        document.querySelector("#figura-"+id_ativo+"-depoimentos").classList.remove("active");
        document.querySelector("#botão-"+id_ativo+"-depoimentos").classList.remove("active");
        document.querySelector("#figura-"+novo_id+"-depoimentos").classList.add("active");
        document.querySelector("#botao-"+novo_id+"-depoimentos").classList.add("active");
        id_ativo = novo_id;
    };
    
    document.querySelector(".left").addEventListener("click", function() {
        troca_depoimento(id_ativo - 1 + nr_depoimentos * (id_ativo == 1));
    });

    document.querySelector(".right").addEventListener("click", function() {
        troca_depoimento(id_ativo + 1 - nr_depoimentos * (id_ativo == nr_depoimentos))
    });
 
    for (var i = 1; i <=nr_depoimentos; i++) {
        (function(id) {
            document.querySelector("#botao-"+id+"-depoimentos").addEventListener("click", function() {
                troca_depoimento(id);
            });
        })(i);
    }

})();

ele ta dando erro na linha 23-26-29

Uncaught TypeError: cannot read properties of null ( reading 'addEvenListener')