Comment changer le texte HTML Avec Variables Javascript
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 ":
" 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 ".
