Discussion :

[labarre2002]

Bonjour

je désire appliquer un effet color sur le texte contenu dans la balise label

via le JS le soucis est que rien ne se produit.
Le but escompté est que en cliquant sur la mauvaise réponse le svg apparait a droite et le texte devient rouge.

mon code:

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
 <fieldset class="question">
                 <legend class="premiere">
                      A quoi sert la fonction va_arg ?
                 </legend>
         <div class="choix">
               <svg fill="red" height="200px" width="200px" version="1.1" id="faux" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 208.891 208.891" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M0,170l65.555-65.555L0,38.891L38.891,0l65.555,65.555L170,0l38.891,38.891l-65.555,65.555L208.891,170L170,208.891 l-65.555-65.555l-65.555,65.555L0,170z"></path> </g></svg>
               <input type="radio" id="first" name="champ"/>
               <label for="first"> A valoriser un argument passé en parametre du main.</label>
         </div>
 
 
              <div class="choix">
                    <svg fill="green" height="200px" width="200px" version="1.1" id="vrai" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 236.988 236.988" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <polygon points="198.098,24.326 87.543,134.881 38.891,86.229 0,125.121 87.543,212.662 236.988,63.217 "></polygon> </g></svg>
                    <input type="radio" id="first2"  name="champ"/>
                    <label for="first2"> A récuperer la la valeur d'un parametre sur une fonction a nombre variable de parametres.</label>
              </div>
    </fieldset>

mon JS:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 <script>
 
const first=document.querySelector('#first');
const first2=document.querySelector('#first2');
 
 
const faux=document.querySelector('#faux');
const vrai=document.querySelector('#vrai');
 
first.addEventListener('click',()=> {
  faux.style.opacity="1";
  first.style.color="red";
})
     </script>

Merci pour les éventuelles pistes .