Premiers pas en JavaScript

37.8 Les accès aux formulaires - exercices
cuy copyleft
  See You Why?  

 


acces formulaires ?? (37.3) | | Test : acces aux formulaires (37.9)

Contenu

 

 

I. Accès aux éléments d'un formulaire

 

 

II. Accès aux éléments de formulaires de type
textarea, select, hidden, checkbox, submit

 

 

III. Accès aux éléments de formulaires de type
xxx

 

 

VIII. Exercices relatifs à l'accès aux éléments de formulaires

 

exo37a

Écrire un script qui affiche un champ de texte d'un formulaire et qui remplit ce champ avec le message 'Vous avez réussi votre exercice 37a de CUY'.

 

exo37b

Écrire un script qui affiche un champ texte et un bouton. Lorsque l'utilisateur clique sur le bouton, il reçoit un message d'alerte si le champ est vide. Sinon, le contenu du champ texte est sélectionné.

 

exo37c

Écrire un script qui, dans un formulaire où coexistent de nombreux choix sous forme de checkbox, limite le nombre d'éléments retenus entre 1 et 5.

 

exo37d

Imaginer un questionnaire de 12 questions, qui pour chaque réponse possible, fasse deux propositions dont une seule est correcte.
[Songer à l'exercice 1c qui vous demandait de choisir le parti des derniers présidents américains.]
Compter les points obtenus et faites un commentaires en fonction du résultats.

 

exo37e

Imaginer un formulaire sous forme de tableau, qui demande la taille et le poids de l'internaute visiteur et qui l'informe de son indice de masse corporelle (poids divisé par le carré de la taille exprimé en mètre), puis fasse un commentaire dans un textarea prévu à cet effet.

 

exo37f

Un formulaire a souvent comme but de demander des renseignements (lecture), mais on peut aussi l'utiliser pour fournir des renseignements (écriture). Imaginer une question (âge), un bouton "calculer" et un 'input text' dans lequel apparaître un message "Vous déjà majeur(e)" ou "Vous êtes encore mineur(e)".

 

exo37g

Améliorer le squelette de 'calculette' élaboré à la question exo1d, de telle sorte que si l'on clique sur n'importe quel bouton des 4 premières lignes (sauf le "="), l'affichage du calcul à effectuer se note dans la partie supérieure de la calculette.

 

 

exo37h

Terminer le squelette de 'calculette' élaboré à la question exo1d et exo37g, de telle sorte que si l'on clique sur n'importe quel autre bouton,
sur le "=", l'affichage du résultat du calcul à effectuer soit effectué ;
sur le "sqrt", la racine carré de la valeur affichée soit effectuée ;
sur le "pow" ou "car", le carré de la valeur affichée soit effectué ;
sur le "log", le logarithme de la valeur affichée soit effectué ;

 

 

exo37i

Terminer l'exercice 36a, et faire un petit script qui recupère les valeurs de chaque élément du formulaire et envoie une alerte avec ces valeurs récupérées.
Plusieurs solutions sont possibles.

 

 

exo37j

Puisque vous savez comment calculer des déterminants de matrice carrée de dimension 2, vous pouvez nous rédiger un petit script qui résoud un système linéaire de deux équations à deux inconnues.
Rappelez-vous que les droites peuvent être sécantes (une solution unique à donner évidemment),
  peuvent aussi être parallèles confondues (une infinité de solutions à préciser aussi le cas échéant,
  peuvent enfin être parallèles disjointes (aucune solution réelle à préciser aussi).
Prévoir un exemple de chaque cas et permettre de modifier les coefficients avant la résolution.

 

 

exo37k

Comme promis, cet exercice est une suite annoncée de l'exo1f. Il s'agissait de construire en HTML un formulaire sous forme de tableau qui comporte 3 zones d'input en vue de pouvoir contenir des valeurs numériques binaires, décimales et hexadécimales.

L'exercice JS ici demandé est de programmer ce tableau en sorte que le changement d'une des trois zones affiche sa conversion dans les autres bases.

exo37k

Une idée de départ ? Puisqu'il s'agit de faire quelque chose au moindre changement, ne faudrait-il pas faire usage de 'onchange()' et puisqu'il s'agir de convertir, créer une fonction 'Convertir()' ne serait-il pas une bonne idée ? La grosse difficulté est de dire exactement comment convertir.

 

 

Solutions, corrigés

 

37a Écrire un script qui affiche un champ de texte d'un formulaire et qui remplit ce champ avec le message 'Vous avez réussi votre exercice 37a de CUY'.
37b Écrire un script qui affiche un champ texte et un bouton. Lorsque l'utilisateur clique sur le bouton, il reçoit un message d'alerte si le champ est vide. Sinon, le contenu du champ texte est sélectionné.
37c Écrire un script qui limite le nombre de checkbox cochés.
37d Douze questions, 2 réponses par questions... compter les points et commenter.
37e Poids et mesure, indice de masse corporelle
37f Demande de l'age et réponse (majeur/mineur) dans un 'input text'.
37g
Affichage du calcul à effectuer dans la 'calculette' de l'exo1d.
37h Activation des touches
"=" pour effectuer ce qui est affiché dans la zone supérieure de la 'calculette' de l'exo1d.
"sqrt" pour calculer la racine carrée
"ln" pour calculer le logarithme népérien
"pow" ou "car" pour calculer le carré
37ia Créer un script qui affiche les valeurs récupérées d'un formulaire. Plusieurs solutions possibles : ici une solution simple.
37ib Créer un script qui affiche les valeurs récupérées d'un formulaire. Plusieurs solutions possibles : ici une solution plus générique supportant tout type de formulaire.
37j Système de 2 équations à 2 inconnues.
37k Convertisseur hexa-deci-binaire.exo37k

 

 

 

IX. Test relatif aux variables

voir suite >>>

Le


acces formulaires ?? (37.3) | | | Test sur les accès aux éléments d'un formulaire (37.9)