Dans cet exercice vous allez utiliser :
1- Le code qui définit le langage Javascript
2- Le code qui définit un commentaire javascript
3- Utilisation de l'Objet "document" et la Méthode "write"
Attention, le code javascript doit être écrit dans un bloc de code javascript
exemple
<script>
//ecrire le code javascript dans un bloc javascript
</script>
Une commande javascript doit être écrite sur une seule ligne.
exemple :
<script>
document.write ("Bon : Cette commande est sur une seule ligne.");
</script>
<script>
document.write ("Mauvais : Cette commande n'est pas
sur une seule ligne.");
</script>
Ajoutez une page à votre portfolio en affichant les assistants HTML et Javascript ainsi que la directive 3685
Complétez le champ Titre : Initiation au Javascript
Sélectionnez la matière : informatique
Inscrivez dans le champ No de la directive : 3685
Cochez le bouton gris HTML de la barre de boutons L afin d'afficher les assistants html
Utilisez le Bouton NOUVEAU de la barre de boutons HTML afin d'inscrire les balises de base d'une page web
Inscrivez dans le corps de votre page (section BODY ) le Titre de niveau 1 suivant : Initiation au Javascript
Inscrivez ensuite cette phrase : Ceci est du code HTML. suivi d'un saut de ligne .
Cliquez le bouton JAVASCRIPT de la barre de boutonsafin d'afficher les assistants javascript.
Ajoutez ensuite en utilisant le bouton JAVASCRIPT de la barre de boutons Javascript le code afin de définir le script Javascript
À l'intérieur de ce bloc de code, utilisez l'élément "Commentaire sur une seule ligne" de la boîte à liste déroulante JAVASCRIPT afin d'écrire un commentaire.
Écrivez le texte suivant "Ceci est mon premier commentaire Javascript" immédiatement après les deux //
Le texte écrit en commentaire ne sera pas affiché dans la page, il est souvent utilisé pour expliquer le code.
À la suite de votre commentaire (sur la ligne suivante), utilisez bouton ÉCRIRE de la barre de boutons Javascript afin d'écrire la phrase suivante : "Ceci est du code Javascript."
Vous venez d'utiliser l'Objet "document" et la Méthode "write"
Placez un saut de ligne (balise BR) à la fin de la phrase (avant les guillemets de fermeture).
Exemple : document.write("Ceci est du code javascript<br>")
Cette directive est à lire (et comprendre) seulement.
Vous pouvez utiliser des balises HTML avec la Méthode document.write().
Il suffit d'inscrire le code entre les parenthèses de cette façon (entre les guillemets):
Exemple : document.write(" <b>Le texte à afficher</b> ")
ATTENTION, si le code HTML que vous employez inclus des guillemets, vous devez faire précéder ces guillemets du caractère \.
Exemple : document.write("<span style=\"color:red;\">Le texte à afficher</span>")
Ajoutez une autre ligne à votre page en utilisant la Méthode document.write() afin d'afficher le texte suivant : Ceci est encore du code javascript accompagné de code HTML en ajoutant le code HTML afin que ce texte s'affiche de couleur rouge.
Faites une recherche Google avec les mots "avantages du langage javascript" et en utilisant la méthode d'écriture javascript document.write("Avantage 1 : .... "), écrivez dans vos propres mots deux avantages d'utiliser le code Javascript.
Ajoutez à la suite de chacune de vos phrases un saut de ligne (BR).
document.write(" .... <br />")
Visualisez votre page et apportez des modifications au besoin.
Vous avez maintenant appris à intégrer du code Javascript dans du code HTML.
Visualisez cette page et apportez les corrections au besoin.
