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
As we'll be using the browser as our demo environment, let's see a couple of functions to interact with the user: `alert`, `prompt`and`confirm`.
3
+
Eftersom vi vil bruge en browser som mål i vores udviklingsmiljø, kan det være godt at se et par funktioner, der bruges til at interagere med brugeren: `alert`, `prompt`og`confirm`.
4
4
5
5
## alert
6
6
7
-
This one we've seen already. It shows a message and waits for the user to press "OK".
7
+
Denne her har du allerede set. Den viser en besked og venter på, at brugeren trykker "OK".
8
8
9
-
For example:
9
+
For eksempel:
10
10
11
11
```js run
12
-
alert("Hello");
12
+
alert("Hallo");
13
13
```
14
14
15
-
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".
15
+
Mini-vinduet med beskeden kaldes et *modalt vindue*. Ordet "modal" betyder, at brugeren ikke kan interagere med resten af siden, trykke på knapper etc, før de har håndteret vinduet. I dette tilfælde, før de har trykket på "OK".
16
16
17
17
## prompt
18
18
19
-
The function `prompt`accepts two arguments:
19
+
Funktionen `prompt`accepterer to argumenter:
20
20
21
21
```js no-beautify
22
22
result =prompt(title, [default]);
23
23
```
24
24
25
-
It shows a modal window with a text message, an input field for the visitor, and the buttons OK/Cancel.
25
+
Den viser et modalt vindue med en tekstbesked, et inputfelt og knapperne OK og Cancel (fortryd).
26
26
27
27
`title`
28
-
: The text to show the visitor.
28
+
: Den tekst der vises til brugeren.
29
29
30
30
`default`
31
-
: An optional second parameter, the initial value for the input field.
31
+
: En frivillig anden parameter er hvilken tekst der skal stå som standard i inputfeltet.
32
32
33
-
```smart header="The square brackets in syntax`[...]`"
34
-
The square brackets around`default`in the syntax above denote that the parameter is optional, not required.
33
+
```smart header="De hårde paranteser i en syntaks`[...]`"
34
+
De hårde paranteser omkring`default`i syntaksen betyder, at parameteren er frivillig og derfor kan udelades.
35
35
```
36
36
37
-
The visitor can type something in the prompt input field and press OK. Then we get that text in the `result`. Or they can cancel the input by pressing Cancel or hitting the `key:Esc` key, then we get `null` as the `result`.
37
+
Brugeren kan skrive noget i promptens inputefelt og trykke på OK. Teksten bliver derved overført til variablen `result`. De kan også fortryde deres input ved at trykke Cancel eller trykke på `key:Esc`. I det tilfælde vil datatypen `null` overføres til `result`.
38
38
39
-
The call to `prompt` returns the text from the input field or `null` if the input was canceled.
39
+
Et kald til `prompt` returnerer enten teksten fra inputfeltet eller `null` hvis brugeren fortryder.
40
40
41
-
For instance:
41
+
For eksempel:
42
42
43
43
```js run
44
-
let age = prompt('How old are you?', 100);
44
+
let age = prompt('Hvor gammel er du?', 100);
45
45
46
-
alert(`You are ${age} years old!`); // You are 100 years old!
46
+
alert(`Du er ${age} år gammel!`); // Du er 100 år gammel!
47
47
```
48
48
49
-
````warn header="In IE: always supply a`default`"
50
-
The second parameter is optional, but if we don't supply it, Internet Explorer will insert the text `"undefined"`into the prompt.
49
+
````warn header="I IE: Skriv altid en`default`"
50
+
Anden parameter er frivillig men, hvis du ikke skriver den vil Internet Exlporer sætte teksten `"undefined"`ind i prompten.
51
51
52
-
Run this code in Internet Explorer to see:
52
+
Kør denne kode i Internet Exlporer for at se et eksempel:
53
53
54
54
```js run
55
55
let test =prompt("Test");
56
56
```
57
57
58
-
So, for prompts to look good in IE, we recommend always providing the second argument:
58
+
Så, for at din prompt skal se ordentlig ud i IE anbefales det, altid at skrive det andet argument:
59
59
60
60
```js run
61
61
let test =prompt("Test", ''); // <-- for IE
@@ -64,42 +64,42 @@ let test = prompt("Test", ''); // <-- for IE
64
64
65
65
## confirm
66
66
67
-
The syntax:
67
+
Syntaksen ser således ud:
68
68
69
69
```js
70
70
result = confirm(question);
71
71
```
72
72
73
-
The function `confirm` shows a modal window with a `question` and two buttons: OK and Cancel.
73
+
Funktionen `confirm` viser et modalt vindue med et `spørgsmål` og to knapper: OK og Cancel.
74
74
75
-
The result is `true` if OK is pressed and `false` otherwise.
75
+
result bliver `true` hvis der trykkes på OK og ellers `false`.
76
76
77
-
For example:
77
+
For eksempel:
78
78
79
79
```js run
80
-
let isBoss = confirm("Are you the boss?");
80
+
let isBoss = confirm("Er du chefen?");
81
81
82
-
alert( isBoss ); // true if OK is pressed
82
+
alert( isBoss ); // true hvis der trykkes på OK
83
83
```
84
84
85
-
## Summary
85
+
## Opsummering
86
86
87
-
We covered 3 browser-specific functions to interact with visitors:
87
+
Du har set tre browser-specifikke funktioner til at interagere med brugere:
88
88
89
89
`alert`
90
-
: shows a message.
90
+
: viser en besked.
91
91
92
92
`prompt`
93
-
: shows a message asking the user to input text. It returns the text or, if Cancel button or `key:Esc` is clicked, `null`.
93
+
: viser en besked og beder brugeren om at skrive input tekst. Den returnerer teksten eller `null`hvis der trykkes på Cancel eller `key:Esc`
94
94
95
95
`confirm`
96
-
: shows a message and waits for the user to press "OK" or "Cancel". It returns `true` for OK and `false` for Cancel/`key:Esc`.
96
+
: viser en besked og venter på, atbrugeren trykker "OK" eller "Cancel". Den returnerer `true` hvis der trykkes OK og `false` hvis der trykkes Cancel eller `key:Esc`.
97
97
98
-
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.
98
+
e disse funktioner er modale: De pauser udførelsen af dit script og tillader ikke brugeren at interagere med resten af siden indtil arbejdet med vinduet er afsluttet.
99
99
100
-
There are two limitations shared by all the methods above:
100
+
Der er to begrænsninger der deles af alle metoderne ovenfor:
101
101
102
-
1. The exact location of the modal window is determined by the browser. Usually, it's in the center.
103
-
2. The exact look of the window also depends on the browser. We can't modify it.
102
+
1. Den præcise placering af vinduet bestemmes af browseren. Normalt vil det være i midten.
103
+
2. Udseendet af vinduet er også bestemt af browseren og du har ikke nogen nem måde at ændre det på.
104
104
105
-
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.
105
+
Dette er prisen for den simple adgang. Der er metoder til at vise pænere vinduer med mere mulighed for interaktion med brugeren. Men, hvis "bling og glimmer" ikke betyder så meget er disse metoder ret effektive.
0 commit comments