bonjour,

je tourne en rond sur le problème suivant et une aide me serait bien utile.
Merci d'avance.

Voici mon script:

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 <title>Document</title>
  <style type="text/css">
        
.lettre {
                        display:none;
                }
                </style>
 </head>
 <body>
  <p class='chiffre'>1</p>
  <p class ='lettre'>un</p>
  <p class='chiffre'>2</p>
  <p class ='lettre'>deux</p>
 
 
<script type="text/javascript">
 
window.onload=function()
{
        var chiffre=document.getElementsByClassName('chiffre');
        var lettre=document.getElementsByClassName('lettre');
 
        for(var i=0;i<chiffre.length;i++)
                        {chiffre[i].addEventListener('click',function(){lettre[i].style.display='block';});
                        }
}
</script>
 </body>

Mon objectif est d’obtenir qu'au clic sur le chiffe affiché on obtienne l'affichage du nombre correspondant caché à l'ouverture.
Malheureusement, ma boucle ne fonctionne pas. J'obtiens l'erreur 'Impossible d'obtenir la propriété 'style' d'une référence null ou non définie.'

Merci de votre aide.
Cordialement.