You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In this part of the tutorial we cover JavaScript language "as is", without environment-specific tweaks.
3
+
In diesem Teil des Tutorials behandeln wir die JavaScript-Sprache "als solche", ohne umgebungsspezifische Anpassungen.
4
4
5
-
But we'll still be using the browser as our demo environment, so we should know at least a few of its user-interface functions. In this chapter, we'll get familiar with the browser functions `alert`, `prompt`and `confirm`.
5
+
Aber wir verwenden immer noch den Browser als Demoumgebung, also sollten wir zumindest einige seiner Funktionen der Benutzeroberfläche kennen. In diesem Kapitel machen wir uns mit den Browser-Funktionen `alert` (hinweisen), `prompt`(anfragen) und `confirm` (bestätigen) vertraut.
6
6
7
7
## alert
8
8
@@ -12,98 +12,98 @@ Syntax:
12
12
alert(message);
13
13
```
14
14
15
-
This shows a message and pauses script execution until the user presses "OK".
15
+
Dies zeigt eine Meldung `message` an und hält die Ausführung des Skripts an, bis der Benutzer auf "OK" klickt.
16
16
17
-
For example:
17
+
Zum Beispiel:
18
18
19
19
```js run
20
20
alert("Hello");
21
21
```
22
22
23
-
The mini-window with the message is called a *modal window*. The word "modal" means that the visitor can't interact with the rest of the page, press other buttons, etc. until they have dealt with the window. In this case -- until they press "OK".
23
+
Das Minifenster mit der Meldung wird als *modales Fenster* bezeichnet. Das Wort "modal" bedeutet, dass der Besucher nicht mit dem Rest der Seite interagieren kann, keine anderen Knöpfe drücken kann, usw., bis er sich mit dem Fenster beschäftigt hat. In diesem Fall -- bis er auf "OK" drückt.
24
24
25
25
## prompt
26
26
27
-
The function`prompt`accepts two arguments:
27
+
Die Funktion`prompt`nimmt zwei Argumente an:
28
28
29
29
```js no-beautify
30
30
result =prompt(title, [default]);
31
31
```
32
32
33
-
It shows a modal window with a text message, an input field for the visitor, and the buttons OK/Cancel.
33
+
Es wir ein modales Fenster mit einer Meldung angezeigt, ein Eingabefeld für den Besucher, und die Knöpfe OK/Abbrechen.
34
34
35
35
`title`
36
-
: The text to show the visitor.
36
+
: Die Meldung, die dem Besucher gezeigt wird.
37
37
38
38
`default`
39
-
: An optional second parameter, the initial value for the input field.
39
+
: Ein optionaler zweiter Parameter, der vor-befüllte Wert für das Eingabefeld.
40
40
41
-
The visitor may type something in the prompt input field and press OK. Or they can cancel the input by pressing Cancel or hitting the`key:Esc`key.
41
+
Der Besucher kann etwas in das Feld tippen und dann auf OK klicken. Oder er beendet die Eingabe, indem er auf Abbrechen klickt oder die`key:Esc`Taste drückt.
42
42
43
-
The call to`prompt`returns the text from the input field or `null` if the input was canceled.
43
+
Der Aufruf von`prompt`gibt den Text des Eingabefelds zurück. Wenn die Eingabe abgebrochen wurde, so ist der Rückgabewert `null`.
44
44
45
-
For instance:
45
+
Zum Beispiel:
46
46
47
47
```js run
48
-
let age =prompt('How old are you?', 100);
48
+
let age =prompt('Wie alt bist du?', 100);
49
49
50
-
alert(`You are${age}years old!`); //You are 100 years old!
50
+
alert(`Du bist${age}Jahre alt!`); //Du bist 100 Jahre alt!
51
51
```
52
52
53
-
````warn header="In IE: always supply a`default`"
54
-
The second parameter is optional, but if we don't supply it, Internet Explorer will insert the text `"undefined"`into the prompt.
53
+
````warn header="Im IE: stelle immer einen`default` Wert bereit"
54
+
Der zweite Parameter ist optional, aber wenn wir ihn nicht angeben, wird Internet Explorer den Text `"undefined"`in die Eingabeaufforderung einfügen.
55
55
56
-
Run this code in Internet Explorer to see:
56
+
Führe diesen Code im Internet Explorer aus, um es zu sehen:
57
57
58
58
```js run
59
59
let test =prompt("Test");
60
60
```
61
61
62
-
So, for prompts to look good in IE, we recommend always providing the second argument:
62
+
Um also Eingabeaufforderungen im IE gut Aussehen zu lassen, empfehlen wir, immer das zweite Argument anzugeben:
63
63
64
64
```js run
65
-
let test =prompt("Test", ''); // <-- for IE
65
+
let test =prompt("Test", ''); // <-- für IE
66
66
```
67
67
````
68
68
69
69
## confirm
70
70
71
-
The syntax:
71
+
Die Syntax:
72
72
73
73
```js
74
74
result = confirm(question);
75
75
```
76
76
77
-
The function `confirm` shows a modal window with a `question` and two buttons: OK and Cancel.
77
+
Die Funktion `confirm` zeigt ein modales Fenster mit einer Frage `question` und zwei Knöpfen an: OK und Abbrechen.
78
78
79
-
The result is `true` if OK is pressed and `false` otherwise.
79
+
Der Rückgabewert ist `true` wenn OK gedrückt wurde, andernfalls `false`.
80
80
81
-
For example:
81
+
Zum Beispiel:
82
82
83
83
```js run
84
-
let isBoss = confirm("Are you the boss?");
84
+
let isBoss = confirm("Bist du der Chef?");
85
85
86
-
alert( isBoss ); // true if OK is pressed
86
+
alert( isBoss ); // true, falls OK gedrückt wurde
87
87
```
88
88
89
-
## Summary
89
+
## Zusammenfassung
90
90
91
-
We covered 3 browser-specific functions to interact with visitors:
91
+
Wir haben 3 browserspezifische Funktionen zur Interaktion mit den Besuchern behandelt:
92
92
93
93
`alert`
94
-
: shows a message.
94
+
: zeigt eine Meldung.
95
95
96
96
`prompt`
97
-
: shows a message asking the user to input text. It returns the text or, if Cancel button or `key:Esc` is clicked, `null`.
97
+
: zeigt eine Meldung, die den Benutzer zur Eingabe von Text auffordert. Liefert den Text, oder falls Abbrechen oder die `key:Esc` gedrückt wurde, `null`.
98
98
99
99
`confirm`
100
-
: shows a message and waits for the user to press "OK" or "Cancel". It returns `true` for OK and `false` for Cancel/`key:Esc`.
100
+
: zeigt eine Meldung und wartet bis der Benutzer OK oder Abbrechen drückt. Liefert `true` für OK und `false` für Abbrechen/`key:Esc`.
101
101
102
-
All these methods are modal: they pause script execution and don't allow the visitor to interact with the rest of the page until the window has been dismissed.
102
+
Alle diese Methoden sind modal: sie pausieren die Skriptausführung und erlauben dem Besucher nicht, mit dem Rest der Seite zu interagieren, bis das Fenster geschlossen wurde.
103
103
104
-
There are two limitations shared by all the methods above:
104
+
Es gibt zwei Einschränkungen, die allen oben genannten Methoden gemeinsam sind:
105
105
106
-
1. The exact location of the modal window is determined by the browser. Usually, it's in the center.
107
-
2. The exact look of the window also depends on the browser. We can't modify it.
106
+
1. Die genaue Position des modalen Fensters wird durch den Browser bestimmt. Normalerweise ist es in der Mitte.
107
+
2. Das genaue Aussehen des Fensters hängt auch vom Browser ab. Wir können es nicht verändern.
108
108
109
-
That is the price for simplicity. There are other ways to show nicer windows and richer interaction with the visitor, but if "bells and whistles" do not matter much, these methods work just fine.
109
+
Das ist der Preis für die Einfachheit. Es gibt andere Möglichkeiten, schönere Fenster zu zeigen und für eine umfangreichere Interaktion mit dem Besucher, aber wenn "Schnickschnack" nicht so wichtig ist, funktionieren diese Methoden sehr gut.
0 commit comments