Bonjour,

J'ai vu plusieurs moyens d'afficher des messages au clic. Voici l'une des méthodes :

<div onclick="spoil(this);">Cliquez-ici pour voir le spoiler</div>

<script>
    function spoil(texte)
    {
      texte.innerHTML = "Je suis ton père";
    }
</script>

Mais aucun ne me convient, car le message caché est directement dans la fonction, je ne peux donc pas réutiliser la même fonction si j'ai plusieurs spoilers.

Ce que je cherche à faire, c'est à peu près ceci :

<div onclick="spoil('Je suis ton père !')">Cliquez-ici pour voir le spoiler 1</div>

<div onclick="spoil('Je suis ton fils !')">Cliquez-ici pour voir le spoiler 2</div>


<script>
    function spoil()
    {
     // ...
    }
</script>

Je ne vois pas du tout comment créer ce genre de fonction pour afficher les messages cachés à chaque clic.

Bonjour,

Tiens je crois que c'est exactement ce que tu cherche

Liens

Merci. Il suffisait donc d'utiliser un 2e paramètre et cela fait une fonction spoil réutilisable.

<p onclick="spoil(this, 'Je suis ton père !')">Voir spoil 1</p>

<p onclick="spoil(this, 'Je suis ton fils !')">Voir spoil 2</p>

<script>
function spoil(elmnt, txt) {
  elmnt.innerHTML = txt;
}
</script>