Mange webutviklere bruker JavaScript til å endre en brukers skriving etter han skriver det inn i en tekstboks. For eksempel kan du bruke JavaScript for å fjerne støtende ord fra et forum brukerens innlegg . Du kan også vise en personlig hilsen til en besøkende etter at hun kommer inn i hennes navn på påmeldingsskjema . Etter å ha lært noen JavaScript- kommandoer , kan du manipulere inn tekst og formatere den som passer dine behov . Disse kommandoene er generiske og arbeide på tvers av alle nettlesere . Du trenger
HTML Editor eller Notepad
Vis flere instruksjoner
en

Lag en ny HTML-dokumentet.
2

Legg denne koden til kroppen delen av dokumentet : en

< /h2 >

;

Dette skaper en tom overskrift og en tekstboks element . Du vil skrive inn et navn i tekstboksen . IDer er valgfritt, men du må bruke dem hvis du har tenkt å manipulere innholdet i en HTML- element ved hjelp av JavaScript
3

Legg denne knappen element under tekstboksen erklæring: .
< p>

Når du klikker på knappen , vil JavaScript endre teksten som du skrev inn og vise den nye teksten i overskriften og tekstboksen
4

Legg denne JavaScript-funksjon til skriptet delen av dokumentet : .

funksjon changeText ( ) {var headingObject = document.getElementById (' myHeading '); Var textboxObject = document.getElementById (' myTextbox '); Var originalText = textboxObject.value ; textboxObject.value = "Hei " + originalText ; headingObject.innerHTML = "Tekst endret til - > Hei "+ originalText ;}

" document.getElementById "kommandoen henter et HTML-element og gjør den tilgjengelig for JavaScript. I dette eksempelet , de to " document.getElementById kommandoer hente overskriften element ( myHeading ) og tekstboksen element ( myTextbox ) . Funksjonen da får teksten fra tekstboksen og legger til " Hello " til strengen . Slutt, " innerHTML " egenskapene til overskrift og tekst boks elementene er endret.
5

Åpne dokumentet i en nettleser, skriv inn et navn i tekstboksen og klikk på knappen. JavaScript -funksjonen vil legge til" Hello " til navnet og oppdatere innholdet i de to HTML-elementer .