Discussion :

[bensofus23]

Bonjour a tous.

informaticien de base, Je suis nouveau en javascript mais bon en c, fortran, perl, et tout les langages qu'on étudiait dans les années 1990.(ps: eh oui, j'ai 51 ans)

j'ai choisis ce forum pour me faire aider pendant ma lecture et test des tutos js. voici ma première question. (une bon schéma vaut mieux qu'un long discours, donc

[alexiiiis]

Bonjour bensofus23,

Quand ta page s'affiche au depart, on remarque que tu as a la ligne 8 un getElementById de "example3", qui correspond a ton dernier radio button ( Exemple 3 ).
Quand tu cliques sur ce radio button ( a la ligne 14 ) alors tu appels la fonction "handler" et tu lui passes en parametre une string avec la valeur "3".

Tu as declaree la fonction Handler a la ligne 18, avec un parametre i
Puis a la ligne 19, tu fais un getElementById de "txt" ( ton input ) et tu lui assigne la valeur de i. (on voit le .value = i ).

En gros a la ligne 18 tu as selectionne ton input et tu lui as assigne une valeur en meme temps, d'ou ton 3 qui apparait dans ton input. Si tu cliques sur le radio button Exemple 2, tu devrais avoir un 2 dans ton input.

J'espere avoir ete clair, bonne chance !!!

[ABCIWEB]

Salut,
Dit autrement, avec document.getElementById tu cibles des éléments html, ici des boutons radio. Et plus loin tu définis des comportements onclick pour ces boutons radio. Quand tu cliques sur un bouton radio cela va donc appliquer la fonction handler qui récupère la valeur passée en argument (nommé ici "i") dans la fonction handler et attribuer cette valeur à l'élément hml ayant l'id "text" qui correspond au textarea.

La prochaine fois, insère du texte (copie et colle ton code) dans ton message plutôt qu'une image. On ne voit pas les images quand on répond, c'est donc difficile de répondre à l'aveugle, et quand cela devient plus compliqué on ne peut pas non plus faire un copié collé pour tester le code séparément.

[bensofus23]

Bonjour alexiiiiis, bonjour ABCIWEB,

Merci pour vos reponses et pour votre réactivité.

votre explication est claire. vos remarques pour la maniere de poster aussi, et j'en tiendrais compte.
Ce pendant, sans meme appuier sur rien du tout, juste en rafraichisant la page, jai un 3 qui s'affiche, alors que je n'ai pas encore appuyer sur les bouton de ma sourie.

qu'est ce qui fait que ma fonction handler s'execute toute seule? c'est le "ONLOAD" tout en haut?

[mathieu]

si vous aviez fait e.onclick = handler; vous auriez bien associé la référence de la fonction.
mais là avec e.onclick = handler(); la fonction est exécutée et c'est le retour de cette fonction qui est lié à "onclick". donc c'est à ce moment que la zone de texte va contenir "1", "2" et puis "3" pour finir.

à votre place, j'aurai mis dans chaque balise "input" un attribut data-valeur="1" ... :
https://developer.mozilla.org/fr/doc...ata_attributes
et ensuite la fonction associée au click va lire cet attribut pour récupérer la valeur.