JavaScript est un langage de script côté client qui utilise des variables qui se comportent de la même façon que les variables se comportent dans d'autres langages de programmation. Variables JavaScript n'ont pas besoin d' être déclarée avant de les utiliser , et ils ne doivent avoir un type attribué ou la mémoire allouée . Vous pouvez utiliser des variables JavaScript pour stocker des valeurs dans le but de mettre à jour les objets des pages Web plus dynamique , comme du texte ou des graphiques . En outre, utiliser JavaScript afin de mettre à jour la propriété " innerHTML " d'un élément HTML , ce qui est une méthode pour changer dynamiquement les champs de texte tout à la volée. Choses que vous devez
texte éditeur
navigateur avec JavaScript activé
Show More Instructions
1

Ouvrez un éditeur de texte et créez un nouveau fichier nommé " changeTextVars . html ". Tapez six balises HTML dans le " changeTextVars.html . "
2

place un open balise script JavaScript - " " tag:

;

< script de
3

ajouter une fonction JavaScript entre le " " tags nommé " changeText (). " Le " changeText ()" fonction prend une variable nommée " Monstername " comme argument :

< script type = " "> fonction

de text /javascript Hôtels 4

Modifier la fonction " changeText " . Utilisez la fonction " document.getElementById " pour modifier la propriété " innerHTML " pour le champ nommé " textToChange . " Le " champ de textToChange ' contient le texte mis à jour avec la variable« Monstername ":

< script type =" text /javascript " > Photos

fonction changeText ( Monstername )

{

document.getElementById (' textToChange ') . innerHTML =
5

Ajouter un tag "

" entre les " " et " " balises HTML Saisissez un texte qui affiche le message - . tels que «Mon monstre préféré est: " - et fermer la " < /p> < /p> " tag pour séparer le message du texte dynamique : de
< " tag N'oubliez pas d'inclure un espace après la virgule et avant le . " p>

Photos

Photos

Mon monstre préféré est: < /p> Photos

Photos

6

Entrez un mot-clé " " ouvert entre le "

" et "< /p>" balises après la rubrique "Mon monstor préférée est: " message. Affecter une "id" de la balise " " et définir sa valeur à " textToChange . « Par exemple , tapez le texte "Dracula" après la balise " " et fermer la " " tag:

Photos < p> < /head> Photos

Mon monstre préféré est: Dracula

Photos

7

Ajouter un tag " " HTML après le "

; " . tag Définissez le type d'entrée " bouton " et ajouter un " onclick () " événement qui appelle la " fonction " et passe la valeur " changeText Frankenstein "Définir le champ de saisie " " attribut " Valeur texte de changement " . . Enregistrer et fermer " changeTextVars.html . "

Photos

Photos

Mon monstre préféré est: Dracula < /b>

Photos

;

8

Open " changeTextVars.html " dans un navigateur Web Cliquez sur le bouton «Modifier du texte » à utiliser la variable " Monstername " pour changer le . champ " textToChange " de " Dracula " à " Frankenstein ".