Devoir WTL N° 4 - Converti
Transféré par
ScribdTranslationsDevoir WTL N° 4 - Converti
Transféré par
ScribdTranslationsDevoir n° : 04
oTitle
Implémentez une application en JavaScript en utilisant ce qui suit :
a) Concevoir l'interface utilisateur de l'application en utilisant HTML, CSS, etc.
b) Inclure la validation JavaScript
c) Utilisation des fenêtres prompt et alert avec JavaScript
par exemple, Concevez et implémentez une calculatrice simple en utilisant Java Script pour des opérations comme
addition, multiplication, soustraction, division, carré d'un nombre, etc. a) Concevez un calculateur
interface comme champ de texte pour l'entrée et la sortie, boutons pour les chiffres et les opérateurs, etc.
Valider les valeurs d'entrée c) Messages/alertes pour les valeurs invalides, etc.
date_de_performance
Date de soumission :
oSign:
Devoir N°04
oBut
Implémentez une application en JavaScript en utilisant ce qui suit :
a) Concevoir l'interface utilisateur de l'application en utilisant HTML, CSS, etc.
b) Inclure la validation JavaScript
c) Utilisation de la fenêtre d'invite et d'alerte avec JavaScript
Par exemple, concevez et implémentez une calculatrice simple en utilisant JavaScript pour
opérations comme l'addition, la multiplication, la soustraction, la division, le carré de
numéro etc. a) Concevez une interface de calculateur comme un champ de texte pour l'entrée et la sortie,
boutons pour les chiffres et les opérateurs etc. b) Valider les valeurs d'entrée c)
Alerte/indications pour des valeurs invalides, etc.
Exigences matérielles/logiciels :
Bloc-notes, Navigateur
oThéorie :
❖ JavaScript :
La balise HTML <script> est utilisée pour définir un script côté client (JavaScript).
L'élément <script> contient soit des instructions de script, soit il pointe vers un
fichier de script externe via l'attribut src. Utilisations courantes pour JavaScript
sont la manipulation d'images, la validation de formulaires et les changements dynamiques de contenu.
Vous pouvez placer les balises <script>, contenant votre JavaScript, n'importe où
dans votre page web, mais il est normalement recommandé que vous
devrait le garder à l'intérieur des balises <head>.
La balise script prend deux attributs importants :
• Langue − Cet attribut spécifie quel langage de script
vous utilisez. En général, sa valeur sera JavaScript. Bien que
les versions récentes de HTML (et XHTML, son successeur) ont
a mis fin à l'utilisation de cet attribut.
• Type− Cet attribut est ce qui est désormais recommandé pour indiquer
le langage de script en cours d'utilisation et sa valeur doivent être définis
à "text/javascript".
Exemple,
<!DOCTYPE html>
<html>
<tête>
<script>
fonction maFonction() {
[Link]("demo").innerHTML = "Paragraphe"
changé.
}
</script>
</tête>
<corps>
<h2>Démo JavaScript dans l'en-tête</h2>
<p id="demo">Un paragraphe.</p>
<button type="button" onclick="myFunction()">Essayez-le</button>
</corps>
</html>
Avantages :
Les avantages d'utiliser JavaScript sont −
• Cela nécessite moins d'interaction avec le serveur
• Retour immédiat aux visiteurs
• Interactivité accrue
• Interfaces plus riches
Validation :
Lorsque le client saisit toutes les données nécessaires et appuie sur le bouton soumettre
la validation du formulaire de bouton est effectuée côté serveur si les données saisies par un client
est incorrect ou manquant, le serveur doit renvoyer toutes les données au
client et demande de renvoi du formulaire avec les bonnes informations.
C'est vraiment un processus long qui impose beaucoup de charge (fardeau) sur le
serveur.
Donc, JavaScript fournit un moyen de valider les données du formulaire côté client.
elle-même avant de l'envoyer au serveur web. La validation du formulaire effectue deux
fonctions-
• Validation de base – Tout d'abord, le formulaire doit être vérifié pour faire
assurez-vous que tous les champs obligatoires sont remplis. Cela nécessiterait juste un
parcourir chaque champ du formulaire et vérifier les données.
• Format de donnéesValidation−Deuxièmement, les données saisies doivent être
vérifié pour le format correct et sa valeur. Le code doit inclure
logique appropriée pour tester la justesse des données.
Boîte d'alerte :
Une boîte d'alerte est souvent utilisée si vous voulez vous assurer que l'information arrive.
à travers l'utilisateur.
Lorsqu'une boîte d'alerte apparaît, l'utilisateur devra cliquer sur "OK" pour continuer.
Exemple
alerte("Je suis une boîte d'alerte !");
Boîte de saisie
Une boîte de dialogue est souvent utilisée si vous souhaitez que l'utilisateur saisisse une valeur avant
entrer dans une page.
Lorsqu'une boîte de dialogue apparaît, l'utilisateur devra cliquer soit sur "D'accord" ou
Annuler pour continuer après avoir saisi une valeur d'entrée.
Si l'utilisateur clique sur "OK", la boîte renvoie la valeur saisie. Si l'utilisateur clique
"Annuler" la case renvoie null.
Exemple
laissez la personne = prompt("Veuillez entrer votre nom", "Harry Potter");
laissez du texte;
si (personne == null || personne == "") {
L'utilisateur a annulé l'invite.
} else {
Bonjour
}
oConclusion :
Ainsi, nous avons développé une application en JavaScript en utilisant,
a) HTML et CSS
b) Validation JavaScript
c) Alerte et invite JavaScript
