JavaScript — es ist eine der beliebtesten Programmiersprachen, die häufig zum Erstellen interaktiver Websites und Anwendungen verwendet wird. Ein wichtiger Aspekt der Programmierung in JavaScript ist die Möglichkeit, Daten über die Tastatur einzugeben und diese Daten für die Verarbeitung und Analyse zu verwenden.
Wenn Sie Variablen über die Tastatur in JavaScript eingeben, können Sie Ihre Programme interaktiver und anpassungsfähiger gestalten. Mit JavaScript können Sie die vom Benutzer eingegebenen Daten lesen und für verschiedene Operationen und Berechnungen verwenden.
Um Variablen über die Tastatur einzugeben, bietet JavaScript verschiedene Methoden an, wie zum Beispiel prompt() und readline(). Methode prompt() ermöglicht es Ihnen, ein Meldungsfeld für den Benutzer anzuzeigen und auf die Eingabe zu warten, und die Methode readline() wird zum asynchronen Lesen von Daten aus dem Eingabestream verwendet.
In diesem Artikel werden wir diese Methoden genauer betrachten und Ihnen zeigen, wie Sie sie verwenden, um Variablen über die Tastatur in JavaScript einzugeben. Wir werden uns auch einige Anwendungsbeispiele ansehen und einige Best Practices für die Verwendung von Tastatureingaben vorstellen.
Variablen in JavaScript eingeben
1. prompt():
Eine der einfachsten Möglichkeiten, Daten vom Benutzer abzurufen, ist die Verwendung der Funktion prompt() . Diese Funktion stellt ein modales Fenster bereit, in dem der Benutzer den Wert einer Variablen eingeben kann. Zum Beispiel:
| Ein Beispiel: |
|---|
| let name = prompt("Geben Sie Ihren Namen ein"); |
In diesem Beispiel wird ein modales Fenster mit der Meldung "Geben Sie Ihren Namen ein" geöffnet, und der Benutzer kann seinen Namen eingeben. Der Wert der Variablen name entspricht dem eingegebenen Wert.
2. input:
Eine andere Möglichkeit, Daten vom Benutzer zu erhalten, besteht darin, ein Tag zu verwenden . Sie können ein Eingabefeld auf Ihrer Webseite mit diesem Tag erstellen und dessen Wert in Ihrem Programm verwenden. Zum Beispiel:
| Ein Beispiel: |
|---|
| let name = document.getElementById("name").value; |
In diesem Beispiel erstellen wir ein Eingabefeld mit der ID "name". Dann verwenden wir die getElementById() -Methode, um das Element anhand seiner ID abzurufen und seinen Wert mithilfe der value-Eigenschaft abzurufen. Der Wert der Variablen name entspricht dem Wert des Eingabefeldes.
3. event listeners:
Sie können auch Ereignislistener verwenden, um Werte vom Benutzer abzurufen. Sie können den Elementen einer Webseite, z. B. Schaltflächen oder Links, einen Ereignis-Listener zuweisen und eine Funktion aufrufen, die die erforderlichen Aktionen mit dem resultierenden Wert ausführt. Zum Beispiel:
| Ein Beispiel: |
|---|
| function myFunction() let name = prompt("Geben Sie Ihren Namen ein"); document.getElementById("demo").innerHTML = "Hallo, " + name; > |
In diesem Beispiel erstellen wir eine Schaltfläche mit dem Text "Klick mich" und einem Element
mit der ID "demo". Wir definieren auch die Funktion myFunction() , die aufgerufen wird, wenn auf eine Schaltfläche geklickt wird. Innerhalb der Funktion verwenden wir die Funktion prompt(), um den Wert vom Benutzer abzurufen, und verwenden die Methode getElementById(), um das Element abzurufen
. Dann legen wir den inneren Inhalt des Elements mit der innerHTML-Eigenschaft fest, um die Begrüßung mit dem Benutzernamen anzuzeigen.
Dies sind nur einige Möglichkeiten, Variablen in JavaScript einzugeben. Sie können je nach Ihren Bedürfnissen und Anforderungen Ihres Programms die am besten geeignete Eingabemethode auswählen.
Dateneingabemethoden
JavaScript bietet mehrere Methoden zum Eingeben von Daten über die Tastatur. Diese Methoden ermöglichen es dem Benutzer, mit einer Webseite zu interagieren und Informationen an den Code zu übergeben.
prompt() - dies ist eine Methode, die ein Dialogfeld mit Text zum Eingeben von Daten anzeigt. Der Benutzer kann einen Wert eingeben und auf OK klicken, um die Daten an den Code zu senden. Der vom Benutzer eingegebene Wert wird in einer Variablen gespeichert.
| Kode | Die Beschreibung |
|---|---|
| var name = prompt("Geben Sie Ihren Namen ein"); | Zeigt ein Dialogfeld mit dem Text "Ihren Namen eingeben" an. Der vom Benutzer eingegebene Wert wird in der Variablen name gespeichert. |
confirm() - Dies ist eine Methode, die ein Dialogfeld mit den Schaltflächen OK und Abbrechen anzeigt. Der Benutzer kann eine der Schaltflächen auswählen. Wenn der Benutzer "OK" auswählt, gibt die Methode true zurück, wenn der Benutzer "Abbrechen" auswählt, gibt die Methode false zurück .
| Kode | Die Beschreibung |
|---|---|
| var result = confirm("Sind Sie sicher?"); | Zeigt ein Dialogfeld mit dem Text "Sind Sie sicher?". Wenn der Benutzer "OK" auswählt, gibt die Methode true zurück, wenn der Benutzer "Abbrechen" auswählt, gibt die Methode false zurück . Der Wert wird in der result-Variable gespeichert. |
Mit diesen Methoden können Sie mit dem Benutzer interagieren und Informationen zur weiteren Verarbeitung im JavaScript-Code abrufen. Sie werden häufig in interaktiven Webanwendungen verwendet.
Numerische Variablen eingeben
let number = parseFloat(prompt('Введите число:'));In diesem Beispiel wird die Funktion verwendet parseFloat() konvertiert die eingegebene Zeichenfolge in eine Gleitkommazahl. Wenn Sie eine ganze Zahl speichern möchten, können Sie stattdessen parseFloat() funktion verwenden parseInt().
Sie können eine numerische Variable auch über die Tastatur eingeben, indem Sie ein Element in einem HTML-Formular verwenden. Zum Beispiel:
function getNumber() Hier ist die Funktion getNumber() wird aufgerufen, wenn Sie auf die Schaltfläche "Nummer abrufen" klicken. Die Funktion ruft den Wert einer Zahl aus dem Element ab und speichert es in einer Variablen. Der Wert der Variablen wird dann mithilfe einer Funktion an die Konsole ausgegeben console.log().
Also mit der Funktion prompt() oder Element es ist einfach, numerische Variablen über die Tastatur in JavaScript einzugeben.
Zeichenfolgenvariablen eingeben
Verwenden Sie die Funktion, um Zeichenfolgenvariablen in Javascript einzugeben prompt(). Es ermöglicht dem Benutzer, die gewünschten Informationen über die Tastatur einzugeben.
Funktion prompt() akzeptiert ein Argument - den Text, der dem Benutzer im Dialogfeld angezeigt wird. Der Benutzer kann eine Zeichenfolge eingeben und auf "OK" klicken, um den eingegebenen Wert zu speichern. Funktion prompt() gibt den vom Benutzer eingegebenen Wert zurück.
Beispiel für die Verwendung der prompt() -Funktion zum Eingeben einer Zeichenfolge:
let name = prompt('Введите ваше имя');console.log('Привет, ' + name + '!');
In diesem Beispiel wird dem Benutzer ein Dialogfeld mit dem Text "Geben Sie Ihren Namen ein" angezeigt. Nachdem Sie einen Namen eingegeben und auf "OK" geklickt haben, wird der eingegebene Wert in der Variablen gespeichert name. Anschließend wird eine Begrüßungsnachricht mit dem Benutzernamen angezeigt.
Unter Verwendung der Funktion prompt(). Sie können vom Benutzer die verschiedenen Zeilen erhalten, die benötigt werden, um die Aufgabe in Ihrem Programm auszuführen.
Beachten Sie, dass die Funktion prompt() gibt immer eine Zeichenfolge zurück. Wenn Sie einen anderen Datentyp wie eine Zahl abrufen müssen, können Sie das Ergebnis mithilfe der entsprechenden Funktionen wie folgt in den gewünschten Typ konvertieren parseInt() oder parseFloat().
