Apprentissage des particularités principales de JavaScript par des exemples


La fonction hello() est crochée à un bouton !


Un programme à deux instructions !

Remarque: il est possible d'écrire directement plusieurs instructions (séparées par des ;) pour programmer un événement. A éviter puisque aucune indication n'apparaît concernant le langage de script utilisé.

onClick="var nom = prompt('votre nom svpl') ; alert('hello '+nom)"


Récupération de la valeur d'une boîte à texte !

Votre nom:

Il est important de voir les différentes manières dont les éléments peuvent être décrits:

Référence par les noms:

<FORM NAME="form3">
Votre nom: <INPUT TYPE="text" NAME="nom" VALUE=""><BR>
<INPUT TYPE="button" VALUE="ici" onClick="hello_you2(document.form3.nom.value)">
</FORM>

Référence par les tableaux forms et elements:

<FORM NAME="form3">
Votre nom: <INPUT TYPE="text" NAME="nom" VALUE=""><BR>
<INPUT TYPE="button" VALUE="ici" onClick="hello_you2(document.forms[2].elements[0].value)">
</FORM>

Référence par l'élément lui-même (this)

<FORM NAME="form3">
Votre nom: <INPUT TYPE="text" NAME="nom" VALUE=""><BR>
<INPUT TYPE="button" VALUE="ici" onClick="hello_you2(this.form.elements[0].value)">
</FORM>


Validation d'un contenu

Votre nom:
Votre prénom:

Affichage de l'URL


Activer un lien

URL:

Etat des "checkbox"

Ici : Là :

Etat des boutons "radio"

Féminin: Masculin :