JavaScript ist eine der beliebtesten Programmiersprachen, die von Webentwicklern zum Erstellen interaktiver Webseiten verwendet werden. Eine der wichtigsten Aufgaben bei der Entwicklung von Webanwendungen besteht darin, Zahlen über die Tastatur einzugeben. In diesem Artikel werden wir uns eine einfache Methode ansehen, mit der Sie dies mit JavaScript tun können, und einige Beispiele bereitstellen, um Ihnen zu helfen, besser zu verstehen, wie es funktioniert.
Es ist wichtig, sich daran zu erinnern, dass JavaScript eine Programmiersprache ist, die nur im Browser funktioniert. Um Zahlen über die Tastatur mit JavaScript einzugeben, müssen Sie daher den JavaScript-Code verwenden, der in die HTML-Seite eingebettet ist.
Eine der einfachsten Möglichkeiten, Zahlen über die Tastatur in JavaScript einzugeben, ist die Verwendung einer Funktion prompt(). Funktion prompt() zeigt ein Meldungsdialogfeld für den Benutzer an und wartet auf die Eingabe von Text oder Zahlen über die Tastatur. Wenn der Benutzer eine Zahl eingibt und die OK-Taste drückt, wird die Funktion prompt() gibt diese Zahl als Ergebnis zurück.
Hier ist ein einfaches Codebeispiel, das zeigt, wie die Funktion verwendet wird prompt() so geben Sie eine Zahl über die Tastatur ein:
In diesem Codebeispiel haben wir eine Funktion verwendet prompt() um ein Dialogfeld mit der Meldung "Nummer eingeben:" anzuzeigen. Dann speichern wir die vom Benutzer eingegebene Zahl in einer Variablen number und geben Sie es mit einer Funktion in die Konsole aus console.log(). Auf diese Weise können Sie eine Zahl über die Tastatur eingeben und sie in der Konsole sehen.
JavaScript-Tastatureingabemethoden: Schrittweise Anleitung und Codebeispiele
Methode 1: Verwenden von prompt()
Der einfachste Weg, eine Zahl vom Benutzer abzurufen, besteht darin, die integrierte Funktion prompt() zu verwenden. Diese Funktion zeigt ein Dialogfeld an, in das der Benutzer eine Zahl eingeben kann:
let number = prompt("Введите число:");console.log(number);Die vom Benutzer eingegebene Zahl wird in der Variablen number gespeichert, und danach können wir sie im Programm verwenden.
Methode 2: Verwenden von readline-Sync
Eine andere Möglichkeit, Zahlen über die Tastatur einzugeben, besteht darin, die externe Readline–Sync-Bibliothek zu verwenden. Diese Bibliothek ermöglicht die Interaktion mit dem Benutzer im Terminal und ist sehr praktisch für die Eingabe von Zahlen:
const readline = require('readline-sync');let number = readline.question("Введите число:");console.log(number);Um readline-Sync zu verwenden, müssen Sie es mit dem npm-Batch-Manager installieren. Weitere Informationen dazu finden Sie in der Dokumentation der Bibliothek.
Methode 3: Verwenden eines HTML-Formulars
Wenn Sie eine Webanwendung entwickeln, können Sie das HTML-Formular verwenden, um Zahlen über die Tastatur einzugeben. Fügen Sie dazu einfach ein input-Element mit dem Attribut type="number" im HTML-Dokument hinzu:
Sie können dann JavaScript verwenden, um den vom Benutzer eingegebenen Wert abzurufen:
let numberInput = document.getElementById("number");let number = numberInput.value;console.log(number);Dies waren einige der grundlegenden Methoden zur Eingabe von Zahlen über die Tastatur in JavaScript. Jede dieser Methoden kann in verschiedenen Situationen nützlich sein, daher hängt die Auswahl einer bestimmten Methode von den Anforderungen Ihres Programms oder Ihrer Anwendung ab.
