**Ajouter une fonction dans une boucle**

Bonjour,

J'ai créé une grille qui contient 6 cartes et chacune des cartes à un bouton qui quand on clic dessus permet d'afficher un texte caché.
Pour afficher ce texte j'ai créé une fonction function showPresentation(), j'ai reussi à ajouter la fonction sur la première carte mais je n'arrive à l'ajouter sur les 5 autres .
Est ce que quelqu'un à une solution à me proposer svp ? j'ai essayé d'ajouter la fonction dans une boucle mais je n'y suis pas arrivé.
Merci.

const card = document.querySelector(".card");
const presentation = document.querySelector(".presentation");
const cross = document.querySelector(".cross");

cross.addEventListener("click", showPresentation);

function showPresentation() {
  if (presentation.style.display === "none") {
    presentation.style.display = "flex";
    card.style.display = "none";
  } else {
    presentation.style.display = "none";
    card.style.display = "flex";
  }
}