Muitos desenvolvedores web usar JavaScript para alterar a entrada de texto de um usuário após ele digita em uma caixa de texto. Por exemplo , você poderia usar o JavaScript para remover palavras censuráveis do cargo de um usuário do fórum. Você também pode exibir uma saudação pessoal de um visitante do site depois que ela entra em seu nome em formulários de inscrição . Depois de aprender alguns comandos de JavaScript , você pode manipular o texto de entrada e formatá-lo para atender às suas necessidades. Estes comandos são genéricos e de trabalho em todos os navegadores . Coisas que você precisa HTML Editor ou o Bloco de Notas Show Mais instruções 1
Crie um novo documento HTML. 2
Adicione este código a seção corpo do documento :
;
Isso cria um título vazio e um elemento de caixa de texto . Você vai entrar em um nome na caixa de texto. IDs são opcionais , mas você deve usá-los , se você pretende manipular o conteúdo de um elemento HTML usando JavaScript 3
Adicione este elemento botão abaixo a declaração caixa de texto: .
Quando você clica no botão , o JavaScript vai mudar . o texto que você digitou e exibir o novo texto no título ea caixa de texto 4
Adicione esta função JavaScript para a seção de script do documento :
a }" comando document.getElementById " recupera um elemento HTML e torna disponível para JavaScript. Neste exemplo , os dois comandos " document.getElementById recuperar o elemento título ( myHeading ) eo elemento de caixa de texto ( MyTextBox ) . Seguida, a função obtém o texto da caixa de texto e acrescenta " Olá "para a cadeia . Finalmente, o " innerHTML " propriedades dos elementos de título ea caixa de texto são alteradas. 5
Abra o documento em um navegador , digite um nome na caixa de texto e clique no botão . a função JavaScript irá adicionar " Olá " ao nome e atualizar o conteúdo dos dois elementos HTML.
