Scribd
Importer
14 vues2 pages

Création de Formulaires en HTML5 et JS

Ce document présente un TP sur la création de formulaires en HTML5 et JavaScript. Il comprend deux activités : la première consiste à utiliser les méthodes focus() et blur() pour manipuler un champ de texte, et la seconde implique la création d'un formulaire avec des questions, le stockage des réponses et le calcul du score final. Les étapes précises pour réaliser ces activités sont décrites, incluant la déclaration de tableaux et la création de fonctions spécifiques.

Transféré par

Sofiane SH
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOC, PDF, TXT ou lisez en ligne sur Scribd
14 vues2 pages

Création de Formulaires en HTML5 et JS

Ce document présente un TP sur la création de formulaires en HTML5 et JavaScript. Il comprend deux activités : la première consiste à utiliser les méthodes focus() et blur() pour manipuler un champ de texte, et la seconde implique la création d'un formulaire avec des questions, le stockage des réponses et le calcul du score final. Les étapes précises pour réaliser ces activités sont décrites, incluant la déclaration de tableaux et la création de fonctions spécifiques.

Transféré par

Sofiane SH
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOC, PDF, TXT ou lisez en ligne sur Scribd

Programmation web Avancée M1IS

TP4 : Les Formulaires


Objectifs du TP :
- Se servir des connaissances théoriques en HTML5 et en JS pour créer des formulaires.

Activité 1 :
En utilisant les méthodes focus() et blur() relatives aux éléments d’un formulaire, écrire le
code permettant de créer un champ de texte ayant la valeur « Cliquer sur l'un des boutons » ,
et deux boutons servant à donner ou retirer le focus à ce champ.

Activité 2 :
Le but de cette activité est de générer à la fin la page web illustrée ci-dessous. L’utilisateur
doit répondre aux questions présentes puis cliquer sur le bouton « Score » pour connaître le
nombre de points cumulés.

Pour ce faire, il faut suivre les étapes suivantes :

1- Ecrire le code HTML5 permettant de créer le formulaire composé de trois questions et se


terminant par un bouton nommé Score.

2- Déclarer deux tableaux RC et RU de trois éléments telque RC est le tableau des réponses
correctes au formulaire et RU est celui des réponses de l’utilisateur.
Stocker les réponses correctes dans RC.

3- Ecrire la fonction EnregistrerReponse(i,rep) qui permet d’enregistrer dans la ième case de


RU la réponse rep l’utilisateur à chaque fois que ce dernier clique sur un bouton radio.

AU : 2019/2020
4- Ecrire la fonction ScoreFinal() qui permet d’afficher, au clic sur le bouton Score, une
boite de dialogue contenant le score final de l’utilisateur comme suit : Votre score est
2/3 !

BON TRAVAIL

Vous aimerez peut-être aussi