TypeError: icon.addEventListener is not a function

Oi Geovana, tudo bem?

O erro TypeError: icon.addEventListener is not a function ocorre porque você está tentando adicionar um event listener diretamente a icon, que é uma NodeList retornada pelo document.querySelectorAll(). Para adicionar um event listener a cada elemento dessa lista, você precisa fazer isso individualmente para cada elemento dentro do loop. Além disso, há um pequeno erro ao acessar a classe do elemento. Vamos corrigir o código:

const icon = document.querySelectorAll('.icon-minmax');

for (let i = 0; i < icon.length; i++) {
    const iconElement = icon[i];
    const iconElementClass = iconElement.classList[1];
    const classElement = document.querySelector(`.info__${iconElementClass}`); // Corrigido aqui

    iconElement.addEventListener('click', () => {
        classElement.setAttribute('src', './assets/images/icon-minus.svg');
    });
}

Aqui estão as correções:

1. A variável classElement foi corrigida para usar document.querySelector() para selecionar o elemento correto com a classe info${iconElementClass}.
2. O evento click foi adicionado ao iconElement (cada ícone individual) usando iconElement.addEventListener('click', () => {...}).

agora apareceu outro erro : TypeError: classElement is null, pq classElement retorna null??

Oi Geovana, tudo bem?

Isso acontece porque classElement tenta buscar um elemento com document.querySelector(.info${iconElementClass}), mas o seu HTML não tem nenhum elemento com essa classe. Talvez o correto seja remover a string info, resultando em:

document.querySelector(.${iconElementClass})

Mas esse código parece estar redundante. Pelo que entendi do seu código, classElement será igual ao elemento iconElement. Tente usar a variável iconElement, resultando em:

iconElement.setAttribute('src', './assets/images/icon-minus.svg');

Se ainda não resolver o seu problema, especifique em qual resultado você gostaria de chegar, por favor.

Eu estava tentando mudar a imagem ao clicar, ajeitei essa mas surgiu outro : Uncaught TypeError: Cannot set properties of undefined (setting 'display') pq ta dando esse erro?? tenho que fazer outro for pra percorrer ??

const icon = document.querySelectorAll('.icon-minmax');
const information = document.querySelectorAll('.container__informacoes__info');


for (let i = 0; i < icon.length; i++) {
    const iconElement = icon[i];
    const iconElementClass = iconElement.classList[1];
    const classElement = document.querySelector(`.${iconElementClass}`);

    iconElement.addEventListener('click',() => {
        let iconMinus = classElement.getAttribute('src');
        let scrIcon = './assets/images/icon-minus.svg';

        if(iconMinus == scrIcon){
           classElement.setAttribute('src', './assets/images/icon-plus.svg');
           information.style.display = 'block';
        }else{
            classElement.setAttribute('src', './assets/images/icon-minus.svg');
            information.style.display = 'none';
        }
    });

    
}

Entendi! Então, você quer alterar o próprio ícone. As variáveis classElement e iconElementClass não são úteis nesse cenário. Você já tem o elemento do icon, que é o iconElement.

Troque para isso:

let currentIcon = iconElement.getAttribute('src');
let srcIconMinus = './assets/images/icon-minus.svg';
        
if (currentIcon === srcIconMinus){
  iconElement.setAttribute('src', './assets/images/icon-plus.svg');
  information[i].style.display = 'block';
} else {
  iconElement.setAttribute('src', './assets/images/icon-minus.svg');
  information[i].style.display = 'none';
}