JavaScript é uma linguagem de script do lado do cliente que usa variáveis ​​que se comportam da mesma maneira que as variáveis ​​se comportam em outras linguagens de programação. Variáveis ​​JavaScript não precisam ser declaradas antes de usá-los , nem eles precisam ter um tipo atribuído ou a memória alocada. Você pode usar variáveis ​​de JavaScript para armazenar valores , a fim de atualizar a maioria dos objetos da página Web de forma dinâmica , como texto ou gráficos. Além disso, usar o JavaScript para atualizar propriedade " innerHTML " de um elemento HTML , este é um método para alterar dinamicamente os campos de texto inteiras na mosca. Coisas que você precisa
editor de texto
browser com JavaScript habilitado
Show Mais instruções
1

Abra um editor de texto e criar um novo arquivo chamado " changeTextVars . html ". Digite seis tags HTML no " . changeTextVars.html "
2

Coloque um aberto tag script JavaScript - " " :

;

< roteiro
3

Adicionar uma função de JavaScript entre o " " tag com o nome " changeText (). " O " changeText ()" função recebe uma variável chamada " monsterName " como um argumento :

< tipo de script = " text /javascript " >

função
4

Edite a função " changeText " . Use a função " document.getElementById " para alterar a propriedade " innerHTML " para o campo chamado " textToChange ". O "campo textToChange ' contém o texto atualizado com a variável" monsterName " :

< tipo de script =" text /javascript " >

função changeText ( monsterName )

{

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

Adicione um tag "

" entre o " " HTML e " " tags Digite algum texto que exibe a mensagem - . , como " Meu monstro favorito é: " - e fechar o "

" tag Certifique-se de incluir um espaço depois dos dois pontos e antes do ". tag

" para separar a mensagem do texto dinâmico :

< /head>

Meu monstro favorito é :

6

Insira um " " tag aberta entre o "

" e "

" tags após o " My monstor favorito é:" da mensagem. atribua um "id" para a tag " " e defina seu valor para " textToChange . " Por exemplo , digite o texto "Dracula ", após a tag " " e feche o " " tag:

Meu monstro favorito é : Drácula

7

Adicione um " " tag HTML após o "

, " tag Defina o tipo de entrada para . " botão " e adicione um " " evento que chama o " onclick () " função e passa o valor " changeText Frankenstein "Definir o campo de entrada " valor " atributo para " Alterar texto ". . salvar e fechar " changeTextVars.html . "

Meu monstro favorito é : Drácula < /b >

,.

8

Open " changeTextVars.html " em um navegador da web Clique no botão "Alterar texto ", para usar a variável " monsterName " para alterar a campo " textToChange " de " Drácula " e " Frankenstein ".