Dans cette activité, vous allez :
a- inscrire une affirmation (pas une question) concernant Notre système solaire.
Exemple : Il y a 15 satellites qui tournent autour d'Uranus.
b- offrir aux visiteurs la possibilité de répondre à cette affirmation par vrai ou faux
c- donner un message en fonction la réponse inscrite.
Procédures à suivre :
Ajoutez une page à votre portfolio en affichant les assistants HTML, Javascript et Formulaire ainsi que la directive 1644
Inscrivez le titre : Javascript : La structure conditionnelle
Sélectionnez la matière : informatique
Inscrivez dans le champ No de la directive : 1644
Inscrivez dans votre page le titre de niveau 1 : Le système solaire
Au besoin, consultez ce site afin de bien comprendre la structure conditionnelle du langage javascript
En utilisant GOOGLE, trouve un site qui affiche des informations sur les différentes planètes de notre système solaire.
Écrivez dans votre page une affirmation de type vrai ou faux concernant une des ces planètes.
Exemple : Répondre par vrai ou faux : La température au dessus de l'atmosphère d'Uranus frôle les 210° C sous zéro.
Inscrivez à la suite de votre affirmation l'adresse de votre page ressource en utilisant la balise A (bouton LIEN).
Utilisez votre assistant Formulaire et insérez dans votre page le formulaire suivant :
- un formulaire nommé f (bouton Formulaire)
- dans ce formulaire, insérez bouton radio nommé rep , utilisant l'étiquette Vrai (bouton Bouton radio)
- dans ce formulaire, insérez deuxième bouton radio nommé rep , utilisant l'étiquette Faux (bouton Bouton radio)
- dans ce formulaire, insérez un Bouton qui lancera la fonction javascript correction() (bouton Bouton ou voir le code ci-dessous)
Insérez au haut de votre page le code identifiant la langage Javascript (Bouton javascript)
Insérez dans ce code la fonction correction() (Bouton Fonction)
Dans cette fonction , insérez le code javascript qui validera la réponse de la façon suivante (Bouton Si):
si le bouton vrai est activé alors --> afficher un message d'alerte "Bravo, bonne réponse".
si le bouton faux est activé alors --> afficher un message d'alerte "Désolé, mauvaise réponse".
if(document.f.rep[1].checked)
{
alert("Désolé, mauvaise réponse")
}
Ajoutez ensuite une autre question selon la méthode utilisée pour la question 1. Faites bien attention afin de renommer votre fonction et votre formulaire afin de ne pas avoir deux formulaires du même nom ni deux fonctions du même nom.
Visualisez votre page et apportez des modifications au besoin.