So erstellen Sie ein Eingabefeld in JavaScript?

JavaScript ist eine der berühmtesten Programmiersprachen der Welt, die dazu beiträgt, dynamische und interaktive Webanwendungen zu erstellen. Wie jede andere dynamische Sprache ist es eine Notwendigkeit, Daten von einem Benutzer zu lesen, zu speichern, zu verarbeiten und auszugeben.

Wenn Sie Benutzerdaten verarbeiten müssen, ohne sie an den Server zu senden, ist JavaScript äußerst vorteilhaft. JavaScript ist erheblich schneller als das Senden von allem an den zur Verarbeitung zu verarbeitenden Server. Sie müssen jedoch in der Lage sein, Benutzereingaben zu empfangen und mit der richtigen Syntax mit ihm zu arbeiten. Der Fokus dieses Tutorials liegt auf der Erhaltung der Benutzereingabe und der Anzeige auf dem Bildschirm mithilfe von HTML -Elementen oder Eingabeaufforderungen.

Methode 1: Verwenden von Eingabeaufforderungen

Um mit Benutzern eine Verbindung herzustellen, bietet JavaScript uns einige Fensterobjektmethoden, von denen man die ist prompt() Methode. Die grundlegende Funktion der Methode Eingabeaufforderung () besteht darin, ein Dialogfeld anzuzeigen und Eingaben von einem Benutzer zu nehmen. Der prompt() Die Methode wird am häufigsten zum Speichern/Speichern kleiner Informationen über den Benutzer verwendet und wird am häufigsten verwendet, wenn der Entwickler von dem Benutzer Daten eingibt, bevor sie mit der Webseite fortfahren.

Syntax

Eingabeaufforderung (Text, Standard)

Der prompt() Methode nimmt zwei Parameter an: das erste ist die Text Parameter, der im Dialogfeld erscheint, und der zweite ist das Standard Parameter, der Standardtext, der im Eingangsfeld der Eingabeaufforderung angezeigt wird. Diese Optionen sind beide optional und können leer bleiben.

Beispiel für Eingabeaufforderung () Methode

var name = Eingabeaufforderung ("Geben Sie Ihren Namen ein", "Name eingeben");
if (Name != null)
Alarm ("Hallo! "+ Name)

Im obigen JavaScript -Code haben wir die genannt prompt() Methode und bat den Benutzer, seinen Namen einzugeben. Der Standardwert wird sein Name eingeben:

Lassen Sie uns den Namen eingeben und Ihren Namen eingeben:

Jetzt, wenn Sie auf die klicken OK Button Sie sehen die Hallo! Nas Nachrichtenalarm:

Methode 2: HTML und JavaScript

Eine andere Methode zum Erstellen eines Eingabefeld.

HTML:

Eingabefeld erstellen

Speichern

Im obigen Code haben wir zuerst ein Eingabefeld und dann eine Schaltfläche mit dem Anime von definiert Speichern. Wir haben dann auf das verwiesen Code.JS Datei mithilfe des Skript -Tags. Im Code.JS Datei, alle unser JavaScript -Code sind vorhanden sein.

JavaScript:

const btn = dokument.GetElementById ("Btn");
Btn.AddEventListener ('Click', function ()
var name = dokument.GetElementById ("MyName").Wert;
alert ("name:"+ name);
);

Im obigen Code haben wir die Schaltfläche mit der ID von verweisen Btn Von HTML von und dann einen Ereignishörer von Click dazu hinzuge. In dieser Funktion erhalten wir zunächst den Wert des Eingangsfelds mit der ihm angegebenen ID mein Name. Dann alarmieren wir diesen Wert.

Abschluss

JavaScript ist die Programmiersprache, deren Community von Tag zu Tag und zu Recht zunimmt, da es sich um die Programmiersprache handelt, die unsere Webseite interaktiv macht. JavaScript bietet uns die Interaktion mit den Benutzern, indem wir Eingaben vom Benutzer abnehmen und diese Eingabe dann speichern oder diese Eingabe anzeigen.

In diesem Artikel haben wir den Benutzer Eingaben genommen und diese Eingabe mit zwei Methoden i-e angezeigt prompt() Methode und Referenzierung eines Eingangsfelds von HTML in JavaScript.