Mange web-udviklere bruge JavaScript til at ændre en brugers tekstinput efter han typer det i en tekstboks. For eksempel kan du bruge JavaScript til at fjerne anstødelige ord fra et forum brugers indlæg. Du kan også vise en personlig hilsen til en besøgende , efter at hun kommer ind i hendes navn på sign- up formularer. Efter at have lært et par JavaScript- kommandoer kan du manipulere input tekst og formatere den passer til dine behov . Disse kommandoer er generiske og arbejde på tværs af alle browsere . Ting du skal
HTML Editor eller Notesblok
Vis Flere Instruktioner
1

Opret et nyt HTML-dokument.
2

Tilføj denne kode til kroppen afsnit i dokumentet : Hej

;

Dette skaber en tom overskrift og en tekstboks element . Du vil indtaste et navn i tekstfeltet . ID'er er valgfrie, men du skal bruge dem, hvis du planlægger at manipulere indholdet af en HTML-element ved hjælp af JavaScript
3

Tilføj denne knap element under tekstboksen erklæring: .
< p>

Når du klikker på knappen, vil JavaScript ændre den tekst , du har indtastet , og vise den nye tekst i overskrift og tekstboksen
4

Føj dette JavaScript-funktion til scriptet afsnit i dokumentet : .

funktion changeText () {var headingObject = document.getElementById ( ' myHeading '); var textboxObject = document.getElementById ( ' mintekstboks «) var originalText = textboxObject.value , textboxObject.value = " Hello " + originalText , headingObject.innerHTML = " Tekst ændret til -> Hello " + originalText ;}

" document.getElementById "kommando henter et HTML-element , og gør den tilgængelig for JavaScript. I dette eksempel " hente document.getElementById kommandoer overskriften element ( myHeading ), og tekstboksen element ( mintekstboks ) . Funktionen derefter får teksten fra tekstfeltet og tilføjer " de to Hello " til strengen . Endelig " innerHTML " egenskaber overskrift og tekst æske elementer ændres.
5.

Åbn dokumentet i en browser , skal du indtaste et navn i tekstfeltet, og klik på knappen. JavaScript-funktionen tilføjer " Hello " til navnet og opdatere indholdet af de to HTML-elementer .