aboutsummaryrefslogtreecommitdiff
path: root/files/sv-se/web/javascript/guide
diff options
context:
space:
mode:
Diffstat (limited to 'files/sv-se/web/javascript/guide')
-rw-r--r--files/sv-se/web/javascript/guide/index.html119
-rw-r--r--files/sv-se/web/javascript/guide/introduction/index.html139
2 files changed, 258 insertions, 0 deletions
diff --git a/files/sv-se/web/javascript/guide/index.html b/files/sv-se/web/javascript/guide/index.html
new file mode 100644
index 0000000000..8ae86f324f
--- /dev/null
+++ b/files/sv-se/web/javascript/guide/index.html
@@ -0,0 +1,119 @@
+---
+title: JavaScript Guide
+slug: Web/JavaScript/Guide
+translation_of: Web/JavaScript/Guide
+---
+<div>{{jsSidebar("JavaScript Guide")}}</div>
+
+<p class="summary">"The JavaScript Guide" går igenom hur du använder <a href="/en-US/docs/Web/JavaScript">JavaScript</a> och ger en överblick över språket. Om du behöver genomgripande information om en språk funktion, ta en titt på <a href="/en-US/docs/Web/JavaScript/Reference">JavaScript referens</a> delen.</p>
+
+<h2 id="Kapitel">Kapitel</h2>
+
+<p>Denna guide är indelad i flera kapitel:</p>
+
+<ul class="card-grid">
+ <li><span><a href="/sv-SE/docs/Web/JavaScript/Guide/Introduction">Introduktion</a></span>
+
+ <p><a href="/sv-SE/docs/Web/JavaScript/Guide/Introduction#Where_to_find_JavaScript_information">Om denna guide</a><br>
+ <a href="/sv-SE/docs/Web/JavaScript/Guide/Introduction#What_is_JavaScript">Om JavaScript</a><br>
+ <a href="/sv-SE/docs/Web/JavaScript/Guide/Introduction#JavaScript_and_Java">JavaScript och Java</a><br>
+ <a href="/sv-SE/docs/Web/JavaScript/Guide/Introduction#JavaScript_and_the_ECMAScript_Specification">ECMAScript</a><br>
+ <a href="/sv-SE/docs/Web/JavaScript/Guide/Introduction#Getting_started_with_JavaScript">Verktyg</a><br>
+ <a href="/sv-SE/docs/Web/JavaScript/Guide/Introduction#Hello_world">Hello World</a></p>
+ </li>
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types">Grammar and types</a></span>
+ <p><a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Basics">Basic syntax &amp; comments</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Declarations">Declarations</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Variable_scope">Variable scope</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Variable_hoisting">Variable hoisting</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Data_structures_and_types">Data structures and types</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Literals">Literals</a></p>
+ </li>
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling">Control flow and error handling</a></span>
+ <p><code><a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#if...else_statement">if...else</a></code><br>
+ <code><a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#switch_statement">switch</a></code><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Exception_handling_statements"><code>try</code>/<code>catch</code>/<code>throw</code></a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Utilizing_Error_objects">Error objects</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Promises">Promises</a></p>
+ </li>
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration">Loops and iteration</a></span>
+ <p><code><a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#for_statement">for</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#while_statement">while</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#do...while_statement">do...while</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#break_statement">break</a>/<a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#continue_statement">continue</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#for...in_statement">for..in</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#for...of_statement">for..of</a></code></p>
+ </li>
+</ul>
+
+<ul class="card-grid">
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Functions">Functions</a></span>
+
+ <p><a href="/en-US/docs/Web/JavaScript/Guide/Functions#Defining_functions">Defining functions</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Functions#Calling_functions">Calling functions</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Functions#Function_scope">Function scope</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Functions#Closures">Closures</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Functions#Using_the_arguments_object">Arguments</a> &amp; <a href="/en-US/docs/Web/JavaScript/Guide/Functions#Function_parameters">parameters</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Functions#Arrow_functions">Arrow functions</a></p>
+ </li>
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators">Expressions and operators</a></span>
+ <p><a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment_operators">Assignment</a> &amp; <a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Comparison_operators">Comparisons</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Arithmetic_operators">Arithmetic operators</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Bitwise_operators">Bitwise</a> &amp; <a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Logical_operators">logical operators</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Conditional_(ternary)_operator">Conditional (ternary) operator</a></p>
+ </li>
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Numbers_and_dates">Numbers and dates</a></span><a href="/en-US/docs/Web/JavaScript/Guide/Numbers_and_dates#Numbers"> Number literals</a>
+ <p><a href="/en-US/docs/Web/JavaScript/Guide/Numbers_and_dates#Number_object"><code>Number</code> object</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Numbers_and_dates#Math_object"><code>Math</code> object</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Numbers_and_dates#Date_object"><code>Date</code> object</a></p>
+ </li>
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Text_formatting">Text formatting</a></span>
+ <p><a href="/en-US/docs/Web/JavaScript/Guide/Text_formatting#String_literals">String literals</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Text_formatting#String_objects"><code>String</code> object</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Text_formatting#Multi-line_template_literals">Template literals</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Text_formatting#Internationalization">Internationalization</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Regular_Expressions">Regular Expressions</a></p>
+ </li>
+</ul>
+
+<ul class="card-grid">
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Indexed_collections">Indexed collections</a></span>
+
+ <p><a href="/en-US/docs/Web/JavaScript/Guide/Indexed_collections#Array_object">Arrays</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Indexed_collections#Typed_Arrays">Typed arrays</a></p>
+ </li>
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Keyed_collections">Keyed collections</a></span>
+ <p><code><a href="/en-US/docs/Web/JavaScript/Guide/Keyed_collections#Map_object">Map</a></code><br>
+ <code><a href="/en-US/docs/Web/JavaScript/Guide/Keyed_collections#WeakMap_object">WeakMap</a></code><br>
+ <code><a href="/en-US/docs/Web/JavaScript/Guide/Keyed_collections#Set_object">Set</a></code><br>
+ <code><a href="/en-US/docs/Web/JavaScript/Guide/Keyed_collections#WeakSet_object">WeakSet</a></code></p>
+ </li>
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects">Working with objects</a></span>
+ <p><a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Objects_and_properties">Objects and properties</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Creating_new_objects">Creating objects</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Defining_methods">Defining methods</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Defining_getters_and_setters">Getter and setter</a></p>
+ </li>
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model">Details of the object model</a></span>
+ <p><a href="/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-based_vs._prototype-based_languages">Prototype-based OOP</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Creating_the_hierarchy">Creating object hierarchies</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Property_inheritance_revisited">Inheritance</a></p>
+ </li>
+</ul>
+
+<ul class="card-grid">
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators">Iterators and generators</a></span>
+
+ <p><a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators#Iterators">Iterators</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators#Iterables">Iterables</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators#Generators">Generators</a></p>
+ </li>
+ <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Meta_programming">Meta programming</a></span>
+ <p><code><a href="/en-US/docs/Web/JavaScript/Guide/Meta_programming#Proxies">Proxy</a></code><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Meta_programming#Handlers_and_traps">Handlers and traps</a><br>
+ <a href="/en-US/docs/Web/JavaScript/Guide/Meta_programming#Revocable_Proxy">Revocable Proxy</a><br>
+ <code><a href="/en-US/docs/Web/JavaScript/Guide/Meta_programming#Reflection">Reflect</a></code></p>
+ </li>
+</ul>
+
+<p>{{Next("Web/JavaScript/Guide/Introduction")}}</p>
diff --git a/files/sv-se/web/javascript/guide/introduction/index.html b/files/sv-se/web/javascript/guide/introduction/index.html
new file mode 100644
index 0000000000..c7860d98a1
--- /dev/null
+++ b/files/sv-se/web/javascript/guide/introduction/index.html
@@ -0,0 +1,139 @@
+---
+title: Introduktion
+slug: Web/JavaScript/Guide/Introduction
+tags:
+ - Handbok
+ - Introduktion
+ - JavaScript
+ - Nybörjare
+translation_of: Web/JavaScript/Guide/Introduction
+---
+<div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide", "Web/JavaScript/Guide/Grammar_and_types")}}</div>
+
+<p class="summary">I det här kapitlet av JavaScript diskuterar vi några av dess grundläggande begrepp.</p>
+
+<h2 id="Vad_du_redan_bör_veta">Vad du redan bör veta</h2>
+
+<p>Denna handbok förutsätter att du har följande grundläggande bakgrund:</p>
+
+<ul>
+ <li>En allmän förståelse för Internet och webben ({{Glossary("WWW")}}).</li>
+ <li>Goda kunskaper i Hypertext Markup Language ({{Glossary("HTML")}}).</li>
+ <li>Viss erfarenhet av programmering. Om du är ny på programmering, prova en av de guider länkade på huvudsidan om <a href="/en-US/docs/Web/JavaScript">JavaScript</a>.</li>
+</ul>
+
+<h2 id="Vart_du_hittar_information_om_JavaScript">Vart du hittar information om JavaScript</h2>
+
+<p>JavaScript dokumentation på MDN omfattar följande:</p>
+
+<ul>
+ <li><a href="/en-US/Learn">Learning the Web</a> ger information för nybörjare och introducerar grundläggande begrepp inom programmering och Internet.</li>
+ <li><a href="/en-US/docs/Web/JavaScript/Guide">JavaScript Guide</a> (Den här handboken) ger en översikt om JavaScript och dess objekt.</li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference">JavaScript Reference</a> tillhandahåller detaljerad referensmaterial för JavaScript.</li>
+</ul>
+
+<p>Om du är ny på JavaScript börja med artiklarna i <a href="/en-US/Learn">learning area</a> och <a href="/en-US/docs/Web/JavaScript/Guide">JavaScript Guide</a>. När du har ett fast grepp om grunderna, kan du använda <a href="/en-US/docs/Web/JavaScript/Reference">JavaScript Reference</a> för att få mer information om enskilda objekt och uttryck.</p>
+
+<h2 id="Vad_är_JavaScript">Vad är JavaScript?</h2>
+
+<p>JavaScript är ett plattformsoberoende, objektorienterat skriptspråk. Det är ett litet lättvikt språk som används i en värdmiljön (till exempel en webbläsare), JavaScript kan förbinda sig till värdens miljöobjekt, för att ge programmatisk kontroll över dem.</p>
+
+<p>JavaScript innehåller ett standardbibliotek av objekt, såsom Array, Date, och Math, och en grundläggande uppsättning av språkelement såsom operatörer, styrstrukturer och uttryck. Kärnan i JavaScript kan förlängas för en mängd olika syften genom att komplettera den med ytterligare objekt, till exempel:</p>
+
+<ul>
+ <li><em>JavaScript på klientsidan</em> förlänger kärnspråket genom att tillägga objekt för att styra en webbläsare och dess Document Object Model (DOM). Till exempel, klientsidans förlägning tillåter en applikation placera elementen i ett HTML-formulär och svara på användarhändelser, såsom musklick, formulär input och sid navigering.</li>
+ <li><em>Server-side JavaScript </em>förlänger huvudspråket genom att leverera objekt som är relevanta för att köra JavaScript på en server. Till exempel, på serversidan tillåter utökningen en applikation kommunicera med en databas, ge kontinuitet av information från ett anrop till en annan applikation, eller utföra fil manipulationer på en server.</li>
+</ul>
+
+<h2 id="JavaScript_and_Java" name="JavaScript_and_Java">JavaScript och Java</h2>
+
+<p>JavaScript och Java är liknande på vissa sätt, men fundamentalt annorlunda i vissa andra. JavaScript liknar Java men har inte Java's statiska typning och starka typkontroll. JavaScript har dock för de mesta samma syntax som Java,  som var anledningen till att man döpte om JavaScript från LiveScript.</p>
+
+<p>Till skillnad från Javas kompilering av system klasser byggda av deklarationer, stöder JavaScript ett runtime system, baserat på ett litet antal datatyper som representerar numeriska, Boolean och strängvärden . JavaScript har en prototyp baserad objektmodell istället för den mer vanliga klassbaserade modell. Prototyp bas modellen ger dynamiskt arv; det vill säga vad som ärvs kan variera för enskilda objekt. JavaScript stöder också funktioner utan några speciella deklarativa krav. Funktioner kan vara egenskaper som tillhör objekt och exekveras såsom löst skrivna metoder.</p>
+
+<p>JavaScript är ett mycket fritt formspråk jämfört med Java. Du behöver inte deklarera alla variabler, klasser och metoder. Du behöver inte bekymra sig om metoder är offentliga, privata eller skyddade och du behöver inte genomföra gränssnitt. Variabler, parametrar och funktionsreturtyper inte uttryckligen typad.</p>
+
+<p>Java är ett programmeringsspråk klassbaserad avsedd för snabb exekvering och typsäkerhet. Typsäkerhet betyder, till exempel, att du inte kan kasta ett Java heltal till en objektreferens eller tillgå privat minne genom att korrumpera Java bytekoder . Javas klassbaseradmodell innebär att program består uteslutande av klasser och deras metoder. Java klass arv och stark typning kräver iallmänhet hårt kopplade objekt hierarkier. Dessa krav gör Java-programmering mer komplex än JavaScript programmering.</p>
+
+<p>I kontrast, JavaScript stiger ned i ande från en linje av mindre, dynamiskt typade språk såsom Hypertalk och dBASE. Dessa skriptspråk ger programmeringsverktyg till en mycket bredare publik på grund av deras lättare syntax, specialiserade inbyggd funktionalitet och minimikrav för att skapa objekt.</p>
+
+<table class="standard-table">
+ <caption>JavaScript jämfört med Java</caption>
+ <thead>
+ <tr>
+ <th scope="col">JavaScript</th>
+ <th scope="col">Java</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Objektorienterad. Ingen åtskillnad mellan olika typer av objekt. Arv är genom prototypen mekanismen, och egenskaper och metoder kan läggas till alla objekt dynamiskt.</td>
+ <td>Klass-baserade. Objekt är indelade i klasser och instanser med all arv genom klasshierarkin . Klasser och instanser kan inte ha egenskaper eller metoder tillsatta dynamiskt.</td>
+ </tr>
+ <tr>
+ <td>Variablers datatyper är inte deklarerade (dynamisk typning).</td>
+ <td>Variablel datatyper måste deklareras (statisk typning).</td>
+ </tr>
+ <tr>
+ <td>Det går inte att automatiskt skriva till hårddisken.</td>
+ <td>Kan automatiskt skriva till hårddisken.</td>
+ </tr>
+ </tbody>
+</table>
+
+<p>För mer information om skillnaderna mellan JavaScript och Java, se kapitlet <a href="/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model">Details of the object model</a>.</p>
+
+<h2 id="JavaScript_and_the_ECMAScript_Specification" name="JavaScript_and_the_ECMAScript_Specification">JavaScript och ECMAScript specifikationen</h2>
+
+<p>JavaScript är standardiserad vid <a class="external" href="http://www.ecma-international.org/">Ecma International</a> — den europeiska sammanslutningen för standardisering informations- och kommunikationssystem (ECMA var tidigare en akronym för Europeiska Computer Manufacturers Association) för att leverera en standardiserad internationell programmeringsspråk baserad på JavaScript. Denna standardiserade versionen av JavaScript, kallad ECMAScript, beter sig på samma sätt i alla program som stöder standarden. Företag kan använda den öppna standarden av språket för att utveckla en egen implementation av JavaScript. ECMAScript standard dokumenteras i ECMA-262-specifikationen. Se <a href="/en-US/docs/Web/JavaScript/New_in_JavaScript">New in JavaScript</a> för att lära dig mer om olika versioner av JavaScript och ECMAScript specifikations upplagor.</p>
+
+<p>ECMA-262 standarden är också godkänd av <a class="external" href="http://www.iso.ch/">ISO</a> (International Organization for Standardization) som ISO-16262.Du kan också hitta specifikation på<a class="external" href="http://www.ecma-international.org/publications/standards/Ecma-262.htm"> Ecma International</a>'s hemsida. ECMAScript specifikationen beskriver inte Document Object Model (DOM), som standardiserats av <a class="external" href="http://www.w3.org/">World Wide Web Consortium (W3C)</a> och/eller <a href="https://whatwg.org">WHATWG (Web Hypertext Application Technology Working Group)</a>. DOM definierar det sätt på vilket HTML dokument objekt exponeras för ditt skript. För att få en bättre uppfattning om de olika tekniker som används vid programmering med JavaScript, konsultera artikeln <a href="/en-US/docs/Web/JavaScript/JavaScript_technologies_overview">JavaScript technologies overview</a>.</p>
+
+<h3 id="JavaScript_Documentation_versus_the_ECMAScript_Specification" name="JavaScript_Documentation_versus_the_ECMAScript_Specification">JavaScript dokumentationen kontra ECMAScript specifikationen</h3>
+
+<p>ECMAScript specifikationen är en uppsättning regler för att implementera ECMAScript; vilket är användbart om du vill genomföra standard kompatibla språkfunktioner av ECMAScript implementation eller motor (t.ex. Spidermonkey i Firefox eller v8 i Chrome).</p>
+
+<p>ECMAScript specifikationen är inte avsett att hjälpa skript programmerare; använda JavaScript dokumentationen för information om hur du skriver skript.</p>
+
+<p>ECMAScript specifikationen använder terminologi och syntax som kan vara främmande för en JavaScript programmerare. Även om beskrivningen av språket kan skilja sig i ECMAScript, förblir själva språket densamma . JavaScript stöder alla funktioner som beskrivs i ECMAScript specifikationen.</p>
+
+<p>Däremot så finns det i JavaScript dokumentationen aspekter av språket som är lämpligt för en JavaScript programmerare.</p>
+
+<h2 id="Komma_igång_med_JavaScript">Komma igång med JavaScript</h2>
+
+<p>Komma igång med JavaScript är enkelt: allt du behöver är en modern webbläsare. Denna guide innehåller några JavaScript funktioner som endast tillgängliga i de senaste versionerna av Firefox, så använder den senaste versionen av Firefox rekommenderas.</p>
+
+<p>Det finns två verktyg inbyggda i Firefox som är användbara för att experimentera med JavaScript: Webb Konsol och Kladdblocket.</p>
+
+<h3 id="Webb_Konsol">Webb Konsol</h3>
+
+<p><a href="/en-US/docs/Tools/Web_Console">Webb Konsol</a> visar information om den aktuellat laddade webbsida och innehåller även en <a href="/en-US/docs/Tools/Web_Console#The_command_line_interpreter">kommandorad</a> som du kan använda för att köra JavaScript uttryck i den aktuella sidan.</p>
+
+<p>För att öppna webbkonsolen (<kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>K</kbd> på Windows och Linux eller <kbd>Cmd</kbd>-<kbd>Option</kbd>-<kbd>K</kbd> på Mac), välj "Webb Konsole" från "Webbutvecklare" menyn,som är under menyn "Verktyg" i Firefox. Det visas längst ned i webbläsarfönstret . Längs botten av konsolen är en kommandorad som du kan använda för att komma in JavaScript och utgången visas i rutan ovan:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7363/web-console-commandline.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h3 id="Kladdblocket">Kladdblocket</h3>
+
+<p>Webb Konsol är bra för att utföra enkla rader JavaScript, men även om du kan utföra flera rader, är den lite bökig att använda med flera rader. Du kan heller inte spara dina kodexempel när du använder webbkonsolen. För mer komplexa exempel är  <a href="/en-US/docs/Tools/Scratchpad">Kladdblocket</a> ett bättre verktyg.</p>
+
+<p>För att öppna Kladdblocket (<kbd>Shift</kbd>+<kbd>F4</kbd>), och välj "Kladdblocket" from the "Webbutvecklare" menyn, som är under menyn i Firefox. Den öppnas i ett separat fönster och är en editor som du kan använda för att skriva och exekvera JavaScript i webbläsaren. Du kan också läsa/spara in dem från disk.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/13468/scratchpad.png" style="display: block; height: 375px; margin-left: auto; margin-right: auto; width: 631px;"></p>
+
+<h3 id="Hello_world">Hello world</h3>
+
+<p>För att komma igång med att skriva JavaScript öppnar Kladdblocket och skriv din första "Hello world" JavaScript-kod:</p>
+
+<pre class="brush: js">function greetMe(yourName) {
+ alert('Hello ' + yourName);
+}
+
+greetMe('World');
+</pre>
+
+<p>Välj koden i blocket och tryck ner Ctrl+R för att se det utvecklas i din webbläsare!</p>
+
+<p>På följande sidor kommer den här guiden introducera dig till JavaScript syntax och språkfunktioner, så att du kommer att kunna skriva mer komplexa applikationer.</p>
+
+<p>{{PreviousNext("Web/JavaScript/Guide", "Web/JavaScript/Guide/Grammar_and_types")}}</p>