Viele Web- Entwickler verwenden JavaScript , um eines Benutzers Texteingabe nachdem er Typen es in ein Textfeld ändern. Zum Beispiel könnten Sie JavaScript , um unerwünschte Wörter aus einem Forum des Benutzers Beitrag zu entfernen. Sie konnten zeigen auch eine persönliche Begrüßung auf einen Website-Besucher , nachdem sie ihren Namen tritt am Anmeldeformulare . Nach dem Lernen ein paar JavaScript -Befehlen können Sie manipulieren Eingabe von Text und formatieren Sie sie an Ihre Bedürfnisse anpassen . Diese Befehle sind generisch und arbeiten in allen Browsern . Things You
HTML Editor oder Notepad
brauchen anzeigen Weitere Anweisungen
1

Erstellen Sie eine neue HTML-Dokument.
2

Fügen Sie diesen Code auf den Körper Abschnitt des Dokuments :

;

Download

Dies erzeugt eine leere Überschrift und ein Textfeld Element . Sie einen Namen in das Textfeld eingeben. IDs sind optional, aber Sie müssen sie nutzen, wenn Sie den Inhalt eines HTML-Elements mit JavaScript manipulieren planen
3

Fügen Sie diese Schaltfläche Element unter dem Textfeld Erklärung : .
< p> Download

Wenn Sie auf die Schaltfläche klicken , JavaScript wird sich ändern der Text, den Sie eingegeben haben und zeigen Sie den neuen Text in der Überschrift und dem Textfeld
4

hinzufügen Diese JavaScript-Funktion in das Skript Abschnitt des Dokuments : .

Funktion changeText () {var headingObject = document.getElementById (' myHeading '); var textboxObject = document.getElementById (' MyTextBox '); var Originaltext = textboxObject.value ; textboxObject.value = "Hallo " + Originaltext ; headingObject.innerHTML = "Text geändert -> hallo "+ Originaltext ;}

" document.getElementById " Befehl ruft ein HTML-Element und macht es für JavaScript . In diesem Beispiel ist " abzurufen document.getElementById Befehle für die Überschrift ( myHeading ) und das Textfeld Element ( MyTextBox ) . Die Funktion bekommt dann den Text aus dem Textfeld und fügt hinzu:" die beiden Hallo " auf den String . Schließlich die " innerHTML " Eigenschaften der Überschrift und Textfeld Elemente geändert werden.
5

Öffnen Sie das Dokument in einem Browser , geben Sie einen Namen in das Textfeld ein und klicken Sie auf die Schaltfläche . die JavaScript-Funktion fügt " Hallo " den Namen und aktualisieren die Inhalte der beiden HTML-Elemente .