javascript-tutorial · ockley · Jun 13, 2022 · Jan 21, 2022 · Jan 21, 2022 · Jan 21, 2022
diff --git a/.gitignore b/.gitignore
@@ -21,3 +21,4 @@ sftp-config.json
 Thumbs.db
 
 
+/svgs
diff --git a/1-js/01-getting-started/1-intro/article.md b/1-js/01-getting-started/1-intro/article.md
@@ -24,11 +24,11 @@ The browser has an embedded engine sometimes called a "JavaScript virtual machin
 
 Different engines have different "codenames". For example:
 
-- [V8](https://en.wikipedia.org/wiki/V8_(JavaScript_engine)) -- in Chrome and Opera.
+- [V8](https://en.wikipedia.org/wiki/V8_(JavaScript_engine)) -- in Chrome, Opera and Edge.
 - [SpiderMonkey](https://en.wikipedia.org/wiki/SpiderMonkey) -- in Firefox.
-- ...There are other codenames like "Chakra" for IE, "ChakraCore" for Microsoft Edge, "Nitro" and "SquirrelFish" for Safari, etc.
+- ...There are other codenames like "Chakra" for IE, "JavaScriptCore", "Nitro" and "SquirrelFish" for Safari, etc.
 
-The terms above are good to remember because they are used in developer articles on the internet. We'll use them too. For instance, if "a feature X is supported by V8", then it probably works in Chrome and Opera.
+The terms above are good to remember because they are used in developer articles on the internet. We'll use them too. For instance, if "a feature X is supported by V8", then it probably works in Chrome, Opera and Edge.
 
 ```smart header="How do engines work?"
 
@@ -59,7 +59,7 @@ For instance, in-browser JavaScript is able to:
 
 ## What CAN'T in-browser JavaScript do?
 
-JavaScript's abilities in the browser are limited for the sake of the user's safety. The aim is to prevent an evil webpage from accessing private information or harming the user's data.
+JavaScript's abilities in the browser are limited for the sake of a user's safety. The aim is to prevent an evil webpage from accessing private information or harming the user's data.
 
 Examples of such restrictions include:
 
@@ -86,7 +86,7 @@ There are at least *three* great things about JavaScript:
 ```compare
 + Full integration with HTML/CSS.
 + Simple things are done simply.
-+ Support by all major browsers and enabled by default.
++ Supported by all major browsers and enabled by default.
 ```
 JavaScript is the only browser technology that combines these three things.
 
@@ -118,5 +118,5 @@ There are more. Of course, even if we use one of transpiled languages, we should
 ## Summary
 
 - JavaScript was initially created as a browser-only language, but it is now used in many other environments as well.
-- Today, JavaScript has a unique position as the most widely-adopted browser language with full integration in HTML/CSS.
+- Today, JavaScript has a unique position as the most widely-adopted browser language, fully integrated with HTML/CSS.
 - There are many languages that get "transpiled" to JavaScript and provide certain features. It is recommended to take a look at them, at least briefly, after mastering JavaScript.
diff --git a/1-js/01-getting-started/2-manuals-specifications/article.md b/1-js/01-getting-started/2-manuals-specifications/article.md
@@ -13,20 +13,32 @@ En ny spedifikation bliver udgivet hvert år. Imellem hver udgivelse kan du se k
 
 Hvis du vil læse om de sidste nye features og de features der "næsten er standard" (kaldet "stage 3") kan du se dem på <https://github.com/tc39/proposals>.
 
+<<<<<<< HEAD
 Derudover, hvis du er interesseret i at udvikle til browseren, er der også andre specifikationer der dækkes i [anden del](info:browser-environment) af denne tutorial.
+=======
+Also, if you're developing for the browser, then there are other specifications covered in the [second part](info:browser-environment) of the tutorial.
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
 ## Manualer
 
+<<<<<<< HEAD
 - **MDN (Mozilla) JavaScript Reference** er en manual med ekempler og anden information. Den er en god kilde til uddybende information om sprogets funktioner, metoder etc.
+=======
+- **MDN (Mozilla) JavaScript Reference** is the main manual with examples and other information. It's great to get in-depth information about individual language functions, methods etc.
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
     Du kan finde den på <https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference>.
 
+<<<<<<< HEAD
     Det kan dog ofte nemmest betale sig at søge i den via internettet. Skriv noget i stil med "MDN [term]" i søgefeltet, f.eks. <https://google.com/search?q=MDN+parseInt> for at slå op på funktionen `parseInt`.
 
 
 - **MSDN** – Microsoft manual med en masse information, blandt andet JavaScript (ofte referet til som JScript). Hvis du har behov for viden, der er specifik til Internet Exlporer, så kig på <http://msdn.microsoft.com/>.
 
     Her kan du også søge via en søgemaskine med sætninger som "RegExp MSDN" eller "RegExp MSDN jscript".
+=======
+Although, it's often best to use an internet search instead. Just use "MDN [term]" in the query, e.g. <https://google.com/search?q=MDN+parseInt> to search for `parseInt` function.
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
 ## Oversigter over kompatibilitet
 

diff --git a/1-js/01-getting-started/3-code-editors/article.md b/1-js/01-getting-started/3-code-editors/article.md
@@ -31,8 +31,12 @@ I praksis, så har mange letvægtseditorer mulighed for en masse plugin programm
 
 Følgende programmer kan være gode at undersøge:
 
+<<<<<<< HEAD
 - [Atom](https://atom.io/) (cross-platform, gratis).
 - [Visual Studio Code](https://code.visualstudio.com/) (cross-platform, gratis).
+=======
+- [Atom](https://atom.io/) (cross-platform, free).
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 - [Sublime Text](http://www.sublimetext.com) (cross-platform, shareware).
 - [Notepad++](https://notepad-plus-plus.org/) (Windows, gratis).
 - [Vim](http://www.vim.org/) og [Emacs](https://www.gnu.org/software/emacs/) er også gode, hvis man ved, hvordan de bruges.

diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md
@@ -8,7 +8,11 @@ For at se fejlene og samtidig få en masse anden brugbar information om din kode
 
 Mange udviklere hælder til at bruge Chrome eller Firefox fordi deres værktøjer er meget udviklede. Andre browsere tilbyder også udviklingsværktøjer, nogle gange med specielle features, men prøver normalt at samle op på mulighederne fra Chrome eller Firefox. De fleste udviklere har en favorit browser og skifter til de andre for at teste browserspecifikke problemer.
 
+<<<<<<< HEAD
 Udviklingsværktøjerne har mange praktiske features. Til at starte med, skal du lære at åbne dem, kigge efter fejl og afvikle JavaScript kommandoer.
+=======
+Developer tools are potent; they have many features. To start, we'll learn how to open them, look at errors, and run JavaScript commands.
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
 ## Google Chrome
 

diff --git a/1-js/02-first-steps/01-hello-world/article.md b/1-js/02-first-steps/01-hello-world/article.md
@@ -71,7 +71,11 @@ Script-filer bliver knuttet til HTML gennem en `src` attribut:
 <script src="/path/to/script.js"></script>
 ```
 
+<<<<<<< HEAD
 Her er `/path/to/script.js` en absolut sti til scriptet fra sitets rod. Du kan også give en relativ sti fra det aktuelle HTML-dokument. F.eks. betyder `src="script.js"` at filen `"script.js"` findes i samme folder som HTML-dokumetet.
+=======
+Here, `/path/to/script.js` is an absolute path to the script from the site root. One can also provide a relative path from the current page. For instance, `src="script.js"`, just like `src="./script.js"`, would mean a file `"script.js"` in the current folder.
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
 Endelig, kan du give en fuld URL som f.eks:
 

diff --git a/1-js/02-first-steps/02-structure/article.md b/1-js/02-first-steps/02-structure/article.md
@@ -46,7 +46,11 @@ alert(3 +
 + 2);
 ```
 
+<<<<<<< HEAD
 Koden viser `6` fordi JavaScript ikke indsætter et semikolon her. Det er intuitivt åbenlyst at, hvis en linje ender med et plus `"+"`, så er det et "ufuldstændigt udtryk", så et semikolon er ikke påkrævet. I dette tilfælde virker det som forventet.
+=======
+The code outputs `6` because JavaScript does not insert semicolons here. It is intuitively obvious that if the line ends with a plus `"+"`, then it is an "incomplete expression", so a semicolon there would be incorrect. And in this case, that works as intended.
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
 **Men, der er situationer hvor JavaScript "fejler" med at regne ud om der virkelig er behov for et semikolon.**
 
@@ -56,28 +60,43 @@ Fejl der opstår på denne måde kan være svære at finde og rette.
 Hvis du er nysgerrig efter et konkret eksempel på sådan en fejl, så prøv denne kode:
 
 ```js run
-[1, 2].forEach(alert)
+alert("Hello");
+
+[1, 2].forEach(alert);
 ```
 
+<<<<<<< HEAD
 Tænk ikke for meget på de hårde paranteser `[]` og `forEach` endnuyet. Dem lærer du om senere. For nu, så tænk bare, at denne kode vil vise en dialogboks med tallet `1` efterfulgt af tallet `2`.
 
 Prøv nu, at tilføje en `alert` før den anden kode og lad være med at afslutte med semikolon:
 
 ```js run no-beautify
 alert("Nu vil der ske en fejl")
+=======
+No need to think about the meaning of the brackets `[]` and `forEach` yet. We'll study them later. For now, just remember the result of running the code: it shows `Hello`, then `1`, then `2`.
+
+Now let's remove the semicolon after the `alert`:
+
+```js run no-beautify
+alert("Hello")
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
-[1, 2].forEach(alert)
+[1, 2].forEach(alert);
 ```
 
+<<<<<<< HEAD
 Nu vil den føre advarsel vise sig og bagefter vil konsollen melde fejl.
 
 Men, alt vil virke fint, hvis du sætter et semikolon efter `alert`:
 ```js run
 alert("Alt er fint nu");
+=======
+The difference compared to the code above is only one character: the semicolon at the end of the first line is gone.
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
-[1, 2].forEach(alert)  
-```
+If we run this code, only the first `Hello` shows (and there's an error, you may need to open the console to see it). There are no numbers any more.
 
+<<<<<<< HEAD
 Nu vil du se teksten "Alt er fint nu" efterfulgt af `1` and `2`.
 
 
@@ -90,6 +109,19 @@ alert("Nu vil der ske en fejl")[1, 2].forEach(alert)
 ```
 
 Men det burde være to seperate udsagn og ikke ét. Sådan en sammentrækning er forkert og derfor melder JavaScript fejl. Denne type fejl kan også ske i andre sammenhænge.
+=======
+That's because JavaScript does not assume a semicolon before square brackets `[...]`. So, the code in the last example is treated as a single statement.
+
+Here's how the engine sees it:
+
+```js run no-beautify
+alert("Hello")[1, 2].forEach(alert);
+```
+
+Looks weird, right? Such merging in this case is just wrong. We need to put a semicolon after `alert` for the code to work correctly.
+
+This can happen in other situations also.
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 ````
 
 Jeg anbefaler at du sætter semikolon mellem udsagn - også selvom de bliver adskilt af linjeskift. Så, opsummeret -- *det er muligt* at udelade semikolon i de fleste tilfælde. Men det er sikre -- specielt for en begynder -- at bruge dem.

diff --git a/1-js/02-first-steps/04-variables/article.md b/1-js/02-first-steps/04-variables/article.md
@@ -24,7 +24,11 @@ Nu kan du putte data ind i lageret med `=` kaldet en tildelingsoperator (på eng
 let message;
 
 *!*
+<<<<<<< HEAD
 message = 'Hallo'; // gemmer tekststrengen Hallo
+=======
+message = 'Hello'; // store the string 'Hello' in the variable named message
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 */!*
 ```
 
@@ -179,8 +183,13 @@ let 1a; // kan ikke starte med et tal
 let my-name; // en bindestreg er ikke tilladt i navnet
 ```
 
+<<<<<<< HEAD
 ```smart header="Store og små bogstaver betyder noget"
 Variable kaldet `apple` og `AppLE` -- er to forskellige variable.
+=======
+```smart header="Case matters"
+Variables named `apple` and `APPLE` are two different variables.
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 ```
 
 ````smart header="Ikke-engelske karakterer er tilladt, men anbefales ikke"
@@ -286,7 +295,11 @@ const pageLoadTime = /* tid det tog at hente siden */;
 
 Værdien af `pageLoadTime` kan ikke kendes inden siden hentes, så den navngives i camelcase. Men, det er stadig en konstant fordi den ikke kan ændres efterfølgende.
 
+<<<<<<< HEAD
 Med andre ord. Konstanter med store bogstaver (kapitæler) bruges kun til "hard-coded" værdier.  
+=======
+In other words, capital-named constants are only used as aliases for "hard-coded" values.
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
 ## Giv variable de rigtige navne
 

diff --git a/1-js/02-first-steps/05-types/article.md b/1-js/02-first-steps/05-types/article.md
@@ -46,13 +46,23 @@ Udover regulære tal findes der også såkaldte "specielle numeriske værdier" d
     alert( "not a number" / 2 ); // NaN, sådan en division resulterer ikke i et tal
     ```
 
+<<<<<<< HEAD
     `NaN` hænger fast. Alle fremtidige oprerationer på `NaN` vil resultere i `NaN`:
+=======
+    `NaN` is sticky. Any further mathematical operation on `NaN` returns `NaN`:
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
     ```js run
-    alert( "not a number" / 2 + 5 ); // NaN
+    alert( NaN + 1 ); // NaN
+    alert( 3 * NaN ); // NaN
+    alert( "not a number" / 2 - 1 ); // NaN
     ```
 
+<<<<<<< HEAD
     Så, hvis der er et `NaN` et eller andet sted i udtrykket, så vil det påvirke hele beregningen.
+=======
+    So, if there's a `NaN` somewhere in a mathematical expression, it propagates to the whole result (there's only one exception to that: `NaN ** 0` is `1`).
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
 ```smart header="Matematiske operatorer er sikre"
 Matematik er "sikkert" i JavaScript. Du kan gøre alt: dividere med nul, behandle ikke-nummeriske tekststrenge som tal, etc.
@@ -64,7 +74,7 @@ Specielle nummeriske værdier tilfører formelt datatypen "number", selv om de i
 
 Du lærer mere om at arbejde med tal i kapitlet <info:number>.
 
-## BigInt
+## BigInt [#bigint-type]
 
 I JavaScript kan datatypen "Number" ikke repræsentere heltal større end <code>(2<sup>53</sup>-1)</code> (det svarer til `9007199254740991`), eller mindre end <code>-(2<sup>53</sup>-1)</code> for negative tal. Dette skyldes en intern begrænsning.
 
@@ -213,6 +223,7 @@ Datatypen `symbol` bruges til at skabe unikke identifikationer for objekter. Jeg
 
 `typeof` operatoren returnere datatypen af det argument den modtager. Dette er brugbart hvis du vil arbejde mde værdier af forskellige typer, eller bare vil sikre, at en variabel er af en bestemt type.
 
+<<<<<<< HEAD
 Den understøtter to former for syntaks:
 
 1. Som en operator: `typeof x`.
@@ -221,6 +232,9 @@ Den understøtter to former for syntaks:
 Sagt på en anden måde, den virker både med og uden paranteser. Resultatet er det samme.
 
 Et kald til `typeof x` returnerer en tekststreng med datatypens navn:
+=======
+A call to `typeof x` returns a string with the type name:
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
 ```js
 typeof undefined // "undefined"
@@ -250,11 +264,29 @@ typeof alert // "function"  (3)
 
 De sidste tre linjer kræver lidt yderligere forklaring:
 
+<<<<<<< HEAD
 1. `Math` er et indbygget objekt, der leverer matematiske operationer. Du lærer mere om det i kapitlet <info:number>. Her, skal det bare ses som et eksempel på et objekt.
 2. Resultatet af `typeof null` er `"object"`. Det er officielt anerkendt som en fejl i `typeof` opførsel. Det startede i de tidlige dage af JavaScript og er blevet på grund af kompatibilitet. Det er sikkert at `null` ikke er et objekt, men sin egen datatype ... men JavaScript ved det bare ikke.
 3. Resultatet af `typeof alert` er `"function"`, fordi `alert` er en funktion. Du lærer mere om funktioner i næste kapitel, hvor du vil se, at der ikke er nogen speciel "funktion" datatype  i JavaScript. Funktioner tilhører typen `object`. Men `typeof` behandler dem forskelligt og returnerer `"function"`. Det fører også tilbage til gamle dage. Teknisk set er det forkert, men kan være praktisk i det daglige.
 
 ## Opsummering
+=======
+1. `Math` is a built-in object that provides mathematical operations. We will learn it in the chapter <info:number>. Here, it serves just as an example of an object.
+2. The result of `typeof null` is `"object"`. That's an officially recognized error in `typeof`, coming from very early days of JavaScript and kept for compatibility. Definitely, `null` is not an object. It is a special value with a separate type of its own. The behavior of `typeof` is wrong here.
+3. The result of `typeof alert` is `"function"`, because `alert` is a function. We'll study functions in the next chapters where we'll also see that there's no special "function" type in JavaScript. Functions belong to the object type. But `typeof` treats them differently, returning `"function"`. That also comes from the early days of JavaScript. Technically, such behavior isn't correct, but can be convenient in practice.
+
+```smart header="The `typeof(x)` syntax"
+You may also come across another syntax: `typeof(x)`. It's the same as `typeof x`.
+
+To put it clear: `typeof` is an operator, not a function. The parentheses here aren't a part of `typeof`. It's the kind of parentheses used for mathematical grouping.
+
+Usually, such parentheses contain a mathematical expression, such as `(2 + 2)`, but here they contain only one argument `(x)`. Syntactically, they allow to avoid a space between the `typeof` operator and its argument, and some people like it.
+
+Some people prefer `typeof(x)`, although the `typeof x` syntax is much more common.
+```
+
+## Summary
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
 Der er 8 grundlæggende datatyper i JavaScript.
 
@@ -269,8 +301,14 @@ Der er 8 grundlæggende datatyper i JavaScript.
 
 `typeof` operatoren tillader dig at se, hvilken datatype en variabel er.
 
+<<<<<<< HEAD
 - To måder: `typeof x` eller `typeof(x)`.
 - Returnerer en tekststreng med navnet på datatypen, i stil med `"string"`.
 - `null` returnerer `"object"` -- dette er en fejl i sproget, det er ikke et objekt.
+=======
+- Usually used as `typeof x`, but `typeof(x)` is also possible.
+- Returns a string with the name of the type, like `"string"`.
+- For `null` returns `"object"` -- this is an error in the language, it's not actually an object.
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
 I det næste kapitel vil jeg koncentrere mig om primitive værdier. Så snart du er fortrolig med dem vil jeg gå videre med objekter.
diff --git a/1-js/02-first-steps/07-type-conversions/article.md b/1-js/02-first-steps/07-type-conversions/article.md
@@ -6,8 +6,13 @@ For eksempel vil `alert` automatisk konvertere alle værdier til tekststrenge fo
 
 Der er også situationer, hvor du behøver eksplicit at konvertere en værdi til en forventet type.
 
+<<<<<<< HEAD
 ```smart header="Ikke et ord om objekter ... endnu"
 I dette kapitel vil jeg ikke gennemgå objekter. For nu, vil jeg kun gennemgå primitiver.
+=======
+```smart header="Not talking about objects yet"
+In this chapter, we won't cover objects. For now, we'll just be talking about primitives.
+>>>>>>> 7bb6066eb6ea3a030b875cdc75433c458f80997e
 
 Senere, efter du har lært om objekter, i kapitlet <info:object-toprimitive> vil du lære, hvordan objekter passer ind.
 ```

diff --git a/1-js/02-first-steps/08-operators/3-primitive-conversions-questions/solution.md b/1-js/02-first-steps/08-operators/3-primitive-conversions-questions/solution.md
@@ -9,7 +9,6 @@ true + false = 1
 "$" + 4 + 5 = "$45"
 "4" - 2 = 2
 "4px" - 2 = NaN
-7 / 0 = Infinity
 "  -9  " + 5 = "  -9  5" // (3)
 "  -9  " - 5 = -14 // (4)
 null + 1 = 1 // (5)

diff --git a/1-js/02-first-steps/08-operators/3-primitive-conversions-questions/task.md b/1-js/02-first-steps/08-operators/3-primitive-conversions-questions/task.md
@@ -16,7 +16,6 @@ true + false
 "$" + 4 + 5
 "4" - 2
 "4px" - 2
-7 / 0
 "  -9  " + 5
 "  -9  " - 5
 null + 1