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)

 

 

Merci de votre visite à partir de :

Vous êtes sur :
https://cuy.be/cours/jvs/jvs_378_exo_acces_forms.html

partager sur FaceBook...           consulter sur FaceBook...

 

copyleft
Des liens ne fonctionnent plus ?
Avez-vous des suggestions ?
des commentaires, des corrections, un encouragement... ?
Pour info : Non, il n'y a pas de version papier ou DOC, PDF, etc. de ces notes.


Envoyez-moi un E-Mail (cuy(point)w(at)skynet(point)be)

Attention (at) signifie @ et (point) signifie .

Accueil CUY = See you why?

Compteur gratuitEasyCounter     BelStat Monitored by BelStat - Your Site Counts
La 1 000 000e page a été visitée le 21 mai 2010.
La 2 000 000e page a été visitée ce 18 mars 2012, vers midi.
La 3 000 000e page a été visitée ce 7 janvier 2014 entre 18 h et 18 h 45,
La 4 000 000e page a été visitée ce 5 juin 2015 entre 15 h 49 et 15 h 52,
La 5 000 000e page a été visitée ce 29 aout 2017 après 23 h 30,
Et la 6 000 000e page visitée, trop tôt pour y penser ?
 
et, d'après BelStat, CUY est visité surtout en semaine, peu le weekend...
moins et irrégulièrement pendant les vacances :

visites sur 3 mois, de la mi octobre 2013 à la mi janvier 2014.
 
La 3 333 333e page visitée a eu lieu ce mardi 10 juin 2014, en début d'après midi...
La 3 666 666e page visitée a eu lieu ce dimanche 28 decembre 2014, vers 16 h...
Un tiers de million de pages visitées en 154 jours cela fait une moyenne de 2165 pages visitées par jour...
Deux tiers de million de pages visitées en 355 jours soit une moyenne de 1878 pages visitées par jour...
et seulement 1195 pages visitées quotidiennement pendant les vacances estivales
de la mi juin à la mi septembre 2014

Vous voulez lire quelques messages reçus ?
quelques encouragements ?
Cliquez ici


Fin septembre 2009, installation de ce compteur
qui ne compte chaque nouvel ordinateur visiteur qu'une seule fois
free counter
 
m-à-j du 22/11/2021 :

Depuis cette fin septembre 2009, parmi les 210 pays (sur 274 drapeaux connus) qui nous ont visité,
voici les 100 pays qui nous visitent le plus, 
Nos petits visiteurs, classés par date de visite, où un seul ordi nous a visité, sont :
199. Turkmenistan (TM May 10, 2017) ; 200. Lesotho (LS March 1, 2017) ;
201. Turks and Caicos Island (TC January 18, 2016
202. Cook Islands (CK September 19, 2015)  203. Faroe Islands (FO January 27, 2015
204. Virgin Islands American (VI November 12, 2014) ;
205. Belize (BZ September 29, 2014) ;206. Eswatini - Swaziland (SZ July 21, 2014) ;
207. Grenada (GD April 3, 2014) ; 208. Timor-Leste (TI March 29, 2014) ;
209. American Samoa (AS December 26, 2012) ; 210. Guyana (GY November 5, 2010).