Problema simples com FOR - javascript

Quantos elementos a variável 'abrirAgenda' recebe?

Olá,

Isto esta acontecendo pois quando o evento onclick é chamado ele utilizará o valor atual da variável detalhesAgenda. Lembrando que javascript cria um escopo léxico apenas com funções. (logo a variável detalhesAgenda continua acessível no seu contexto e com o ultimo valor passado para ela).

Caso você queira fazer este código funcionar basta fazer o seguinte:

var abrirAgenda = document.getElementsByClassName('ver-mais-agenda');
for (var i = 0; i < abrirAgenda.length; i++){
    var detalhesAgenda = document.getElementsByClassName('detalhesAgenda')[i];
    var postAgenda = document.getElementsByClassName('post-agenda')[i];
    var buttomPlus = document.getElementsByClassName('fa-plus')[i];

    (function(agenda, detalhesDaAgenda){
        agenda.onclick = function() {
            alert(detalhesDaAgenda);  
            return false;
        };
    }(abrirAgenda[i], detalhesAgenda.textContent));

}

Esta IIFE irá criar um escopo léxico e quando o evento do click for disparado ele irá utilizar o valor esperado no alert.

Fala Felipe, tudo bem? Obrigado pela ajuda.

Eu entendi oq vc fez, só não entendi ainda por que tem que ser feito dessa forma. Acho que não compreendi muito bem o escopo do javascript de funções. Vou da uma pesquisada.

Comecei a estudar js a pouco tempo, e foi minha primeira linguagem estudada após terminar lógica de programação. Por isso to empacando com essas coisinhas.

Obrigado!