Groups | Search | Server Info | Keyboard shortcuts | Login | Register

Groups > fr.comp.lang.javascript > #3291

Activer des bouton les un après les autres grâce à un on click

Show all headers | View raw

Bonjour,

Je suis actuellement en plein apprentissage des langages web. J'ai des bases
très légères en JavaScript, c'est pour cela que j'espère pouvoir compter sur
votre aide.

Je m'explique donc sur ce dont je souhaite réaliser. J'ai un code à 9 chiffres
(bouton avec images + fonction onclick). Quand je click sur l'un de ces boutons,
j'ai une fonction JavaScript pour récupérer la valeur associée aux boutons et
l'entrée dans un input type texte (comme pour une calculatrice). 
Mais j'ai aussi juste au-dessus de ces boutons 8 span en forme de cercle,
l'objectif, c'est que dès que je click sur un boutons un des cercles au-dessus
devient rouge pour avertir l'utilisateur qu'il a sélectionné un chiffre (ce
dernier ne verra pas l'input type texte où il y aura les valeurs).

Objectif : Remplir les span un par un à chaque click sur un bouton sans que la
fonction onclick touche tous les span en même temps. 

Mon but : réaliser le code de déverrouillage "e;e;IPhone"e;e;. 

Code HTML : 

 div 
     span 
     span 
     span 
     span 
     span 
     span 
     span 
     span 
div

div 
     form
           button  onclick="act(0)" 
           button  onclick="act(1)" 
           button  onclick="act(3)" 
           button  onclick="act(4)" 
           button  onclick="act(5)"
           button  onclick="act(6)"
           button  onclick="act(7)"
           button  onclick="act(8)"
           button  onclick="act(9)"
           input type ="texte" id="out" style= "visibility=hidden"

           div 
               button id="buttonvn" /button
          /div
      /form
/div




code JavaScript :

// récupérer les valeurs des buttons //

let btn = document.getElementById('buttonvn');
btn.disabled = true;
 

function act(val){
    var number = val; 
    document.getElementById("e;e;out"e;e;).value += number;
    btn.disabled = false;
}

Vous remerciant par avance pour vos réponses et votre aide.

Back to fr.comp.lang.javascript | Previous | Next | Find similar

Thread

Activer des bouton les un apr�s les autres gr�ce � un on click jerem246 <nospam_dalmaujeremy@gmail.com.invalid> - 2022-06-20 07:53 -0500

csiph-web