Formulaires élémentaires

De quoi s'agit-il ?

Nous avons vu dans le premier TD que la fonction prompt permet à l'utilisateur d'entrer des données. Une autre méthode consiste à utiliser un formulaire HTML contenant des lignes de saisie, une zone de réponse et un bouton de déclenchement des calculs. Ceci nous amènera à définir des fonctions associées à l'évènement ONCLICK du bouton.

Travaux dirigés

1. Définir de nouvelles fonctions
   JavaScript permet de créer simplement de nouvelles fonctions qui permettent de répéter plusieurs fois les mêmes suites d'instructions.
   
   
2. Interpréter un formulaire
   Recueillir des entrées et afficher des réponses dans un formulaire HTML.
   
   

Exercices

1. Mise en majuscules
   Créer un document HTML qui permet d'entrer un mot et de le mettre en majuscules par appui sur un bouton.
   On utilisera la fonction toUpperCase() de l'objet String.
   
   
2. Prix TTC
   Créer un document HTML qui permet d'entrer un prix hors taxe puis calcule et affiche le prix TTC pour un taux de TVA de 18,6%.
   
   
3. Calcul de moyenne
   Créer un document HTML qui permet d'entrer 3 notes de DS et qui calcule et affiche la moyenne obtenue.
   
   
4. Calculette
   Créer une petite calculette en ligne affichant une zone d'entrée des calculs, un bouton = et une zone de réponse.
   
   

td-formtext Retour au menu