К содержанию

Grundläggande JavaScript-handledning

Enkel JavaScript-handledning för nybörjare med uppgifter och exempel på lösningar.

Grundläggande

Introduktion till programmeringsspråket JavaScript för nybörjare

Köra JavaScript

Första programmet i JavaScript

Analysera programkoden

Ytterligare exempel

Anslutning av en fil med JavaScript-skript

Flera filer med JavaScript-skript

Funktioner hos script-taggen i JavaScript

Cachelagring av JavaScript-filer i webbläsaren

Strikt läge i JavaScript

Kommentarer i JavaScript

Variabler i JavaScript

Använda variabler

Deklarera flera variabler i JavaScript

Ändring av variabelvärden

Flera let för samma variabel

Matematiska operationer med tal i JavaScript

Matematiska operationer med variabler i JavaScript

Prioritet för matematiska operationer i JavaScript

Lika prioritet för matematiska operationer i JavaScript

Grupperande parenteser i JavaScript

Bråk i JavaScript

Negativa tal i JavaScript

Plus framför tal i JavaScript

Modulo i JavaScript

Exponentiering i JavaScript

Prioritet för exponentiering

Strängar i JavaScript

Strängkonkatenering i JavaScript

Stränglängd i JavaScript

Mallsträngar i JavaScript

Flerradighet

Specialvärden i JavaScript

Värde undefined

Värdet null

Sanna och falska värden

Betydelsen av NaN

Infinity och -Infinity i JavaScript

Att arbeta med konsolen i JavaScript

Datatyper i JavaScript-konsolen

Fel i JavaScript-konsolen

Konstanter i JavaScript

Automatisk typkonvertering

Konvertering till nummer i JavaScript

Kortform av konvertering till nummer i JavaScript

Konvertering av ogiltiga tal i JavaScript

Extrahera tal i JavaScript

Konvertering till sträng i JavaScript

Tillämpning av strängkonvertering i JavaScript

Omvandling av boolesk typ i JavaScript

Konvertering till boolean i JavaScript

Hämtning av tecken från en sträng i JavaScript

Oföränderlighet hos strängar i JavaScript

Sista tecknet i en sträng i JavaScript

Strängar med siffror i JavaScript

Att komma åt siffror i ett nummer i JavaScript

Operationer för att ändra variabler i JavaScript

Förenklade operationer i JavaScript

Inkrement- och dekrementoperationer i JavaScript

Prefik och postfikstyp i JavaScript

Oexakta beräkningar i JavaScript

Funktionen prompt i JavaScript

Problem med typer i funktionen prompt i JavaScript

Utskrift av text i dokumentet i JavaScript

Sökfel i kod

Praktik med operationer i JavaScript

Praktik på formler i JavaScript

Arrayer

Array i JavaScript

Hämta element från arrayer i JavaScript

Array längd i JavaScript

Ändra element i arrayer i JavaScript

Omskrivning av arrayelement i JavaScript

Inkrement och dekrement av arrayelement i JavaScript

Lägga till element med nycklar i JavaScript

Glesa arrayer i JavaScript

Att lägga till element med push i JavaScript

Arraynycklar från variabler i JavaScript

Delete-operatorn i arrayer i JavaScript

Sökfel i kod med JavaScript-arrayer

Objekt

Objekt i JavaScript

Utdata av hela objekt i JavaScript

Strängnycklar för objekt i JavaScript

Objektegenskaper i JavaScript

Begränsningar för objektnycklar i JavaScript

Ändra element i objekt i JavaScript

Att lägga till element i objekt i JavaScript

Oordning av objekt i JavaScript

Array med objektnycklar i JavaScript

Objektlängd i JavaScript

Objektnycklar från variabler i JavaScript

Fel vid åtkomst av element med nyckel i JavaScript

Fel vid åtkomst av objektets egenskap i JavaScript

Beräknade egenskaper i JavaScript

Operatorn in i JavaScript

Delete-operatorn i JavaScript

Typning av objekt i JavaScript

Array som objekt i JavaScript

Skilja på arrayer och objekt i JavaScript

Objekt och primitiver i JavaScript

Överföring av objekt genom referens i JavaScript

Konstanter med arrayer eller objekt i JavaScript

Tillvägagångssättet att programmera med konstanter i JavaScript

Sökfel i kod med JavaScript-objekt

Villkor

If-else-konstruktionen i JavaScript

Större än och mindre än operatorer i JavaScript

Jämförelse för likhet i JavaScript

Kontroll av ojämlikhet i JavaScript

Jämförelse av variabler i JavaScript

Jämförelse av strängar i JavaScript

Jämförelse av strängar och tal i JavaScript

Likhet efter värde och typ i JavaScript

Olikhet i värde och typ i JavaScript

Logiskt OCH i JavaScript

Logiskt ELLER i JavaScript

Prioritet för logiska operatorer i JavaScript

Gruppering av villkor i JavaScript

Invertering av logiska uttryck i JavaScript

Villkor med booleska värden i JavaScript

Jämförelse av värden med boolesk typ i JavaScript

Förenklad form av sanningskontroll i JavaScript

Kortform för falskkontroll i JavaScript

Allmän förkortad form av kontroll i JavaScript

Komplexa villkor i kortform i JavaScript

Valfriheten av else-konstruktionen i JavaScript

Valfrihet av klammerparenteser i JavaScript

Problemet med valfria klammerparenteser i if-else

Else if-konstruktionen i JavaScript

Kapslade if-else-konstruktioner i JavaScript

Switch-case konstruktion i JavaScript

Valfriheten av break i switch-case konstruktionen i JavaScript

Ternära operatorn i JavaScript

Logiska operationer i JavaScript

Funktionen confirm i JavaScript

Variablers omfattning i if-else i JavaScript

Nyanser av variablers omfattning i if-else-konstruktioner i JavaScript

Kontroll av timdelar via if-else i JavaScript

Kontroll av sträng- och array-längder i JavaScript

Kontroll av strängtecken i JavaScript

Kontroll av siffror i ett nummer i JavaScript

Kontroll av rest vid division i JavaScript

Söka efter fel i JavaScript-kod med villkor

Praktik på if-else villkor i JavaScript

Loopar

Introduktion till loopar i JavaScript

Iterera över en array med for-of-loop i JavaScript

Iterera över ett objekt med for-in loop i JavaScript

While-loop i JavaScript

For-loop i JavaScript

For-loop för arrayer i JavaScript

Villkor i loopar i JavaScript

Ackumulering av tal i JavaScript-loopar

Ackumulering av arrayelement i JavaScript-loopar

Att skapa strängar med loopar i JavaScript

Siffror i nummer vid uppräkning med loop i JavaScript

Valfrihet av klammerparenteser i loopar i JavaScript

Problemet med valfria klammerparenteser i loopar i JavaScript

Instruktionen break i JavaScript

Instruktionen continue i JavaScript

Nästlade loopar i JavaScript

Omfattning i JavaScript-loopar

Kapslade loopar och scope i JavaScript

Fylla en array i JavaScript

Ändra arrayer i JavaScript-loopar

Fylla objekt genom loop i JavaScript

Ändra objekt i loopar i JavaScript

Att arbeta med flaggor i JavaScript

Tips för att skriva loopkod i JavaScript

Tips för felsökning av kod med exempel på loopar i JavaScript

Sökfel i kod med JavaScript-loopar

Övning på JavaScript-loopar

Flerdimensionalitet

Flerdimensionella arrayer i JavaScript

Tredimensionell array i JavaScript

Godtyckliga arrayer i JavaScript

Iterera över multidimensionella arrayer i JavaScript

Iteration med vanlig for i JavaScript

Fyller av flerdimensionella arrayer i JavaScript

Problem med att fylla multidimensionella arrayer i JavaScript

Fylla flerdimensionella arrayer i ordning i JavaScript

Flerdimensionella objekt i JavaScript

Iteration av flerdimensionella objekt i JavaScript

Flerdimensionella strukturer i JavaScript

Iteration av flerdimensionella strukturer i JavaScript

Array av objekt i JavaScript

Nycklar från variabler i flerdimensionella strukturer i JavaScript

Lägga till element i flerdimensionella arrayer i JavaScript

Lägga till element i flerdimensionella JavaScript-objekt

Standardmetoder

Exponent och rot i JavaScript

Avrundningsfunktioner i JavaScript

Extrema tal i JavaScript

Slump i JavaScript

Moduler i JavaScript

Teckenstorlek i JavaScript

Extrahera delsträngar i JavaScript

Sök i strängar i JavaScript

Ersätta delar av strängar i JavaScript

Uppdelning av strängar i JavaScript

Gränselement i JavaScript

Array-delar i JavaScript

Arraysplicing i JavaScript

Sök i arrayer i JavaScript

Array med objektnycklar i JavaScript

Sökfel i kod med standardmetoder i JavaScript

Användardefinierade funktioner

Grundläggande arbete med anpassade funktioner i JavaScript

Funktionsparametrar i JavaScript

Flera funktionsparametrar i JavaScript

Funktionsparametrar som variabler i JavaScript

Valfria parametrar i JavaScript

Instruktionen return i JavaScript

Sekventiellt anrop av funktioner i JavaScript

Den subtila aspekten av return i JavaScript

Loop och return i JavaScript

Användning av return i loopar i JavaScript

Teknik för att arbeta med return i JavaScript

Flaggor i JavaScript-funktioner

Logiska operatorer utan if i JavaScript-funktioner

Råd för att skapa funktioner i JavaScript

Felsökning av kod med JavaScript-funktioner

Praktik på JavaScript-funktioner

Funktioners variabler

Globala variabler i funktioner i JavaScript

Lokala variabler i funktioner i JavaScript

Variabler med samma namn i funktioner i JavaScript

Ändring av globala variabler i JavaScript

Globala variabler och funktionsparametrar i JavaScript

Namnöverensstämmelse med parametrar i JavaScript

JavaScript-objektparametrar

Funktionstyper

Funktionskällkod och dess resultat i JavaScript

Funktion som variabel i JavaScript

Att tilldela en funktion till en annan variabel i JavaScript

Tilldelning av funktioner till variabler i JavaScript

Överensstämmelse mellan funktionsnamn och variabel i JavaScript

Function expression och Function declaration i JavaScript

Skillnad mellan funktionsdeklarationer

Semikolon vid funktionsdeklaration i JavaScript

Nyanser av funktionsuttryck i JavaScript

Funktion med namn, men Function Expression i JavaScript

Namngivna funktionsuttryck i JavaScript

Hur man kontrollerar funktionstyp i JavaScript

Uttryck till vänster om funktion i JavaScript

Uttryck till höger om funktionen i JavaScript

Array med anonyma funktioner i JavaScript

Objekt med anonyma funktioner i JavaScript

Tillämpning av objekt med funktioner i JavaScript

Nästlade funktioner

Att skicka funktioner som parametrar i JavaScript

Namngivna funktionsparametrar i JavaScript

Parametrar för överförda funktioner i JavaScript

Att skicka ett tal som parameter i JavaScript

Tillämpning av funktionsöverföring som parameter i JavaScript

Nästlade funktioner i JavaScript

Omfattning för kapslade funktioner i JavaScript

Parametrar för den yttre funktionen i JavaScript

Parametrar för yttre och inre funktioner i JavaScript

Parametrar med samma namn i JavaScript

Funktion som returnerar en funktion i JavaScript

Vilken nivå av nästling som helst i JavaScript

Parametrar för returnerade funktioner i JavaScript

Callback-funktioner i JavaScript

Nyanser av callbacks i JavaScript

Pilfunktioner i JavaScript

Användning av pilfunktioner i JavaScript

Closures

Tillgång till externa variabler i funktioner i JavaScript

Funktioners lexikala miljö i JavaScript

Tillämpning av funktioners lexikaliska miljö i JavaScript

Closure i JavaScript

Räknare med stängning i JavaScript

Lokal räknarvariabel i JavaScript

Global räknarvariabel i JavaScript

IIFE

Omedelbart åberopat funktionsuttryck i JavaScript

Tilldelning av funktion till en variabel i JavaScript

Omedelbar funktionsanvändning i JavaScript

Parenteser i IIFE i JavaScript

Funktionsparametrar vid omedelbart anrop i JavaScript

Flera anrop av IIFE i JavaScript

Fallgropar med IIFE i JavaScript

Semikolon för säkerhet i IIFE

Closure och omedelbar funktionsanvändning i JavaScript

Rekursion

Arbete med rekursion i JavaScript

Exempel med parameter genom rekursion i JavaScript

Summan av arrayelement vid rekursion i JavaScript

Rekursion och multidimensionella strukturer i JavaScript

Summan av arrayelement genom rekursion i JavaScript

Manipulation av element i JavaScript

Itererande metoder

Metoden map för att iterera över arrayer i JavaScript

Metoden forEach för att iterera genom en array i JavaScript

Metoden filter för att filtrera arrayer i JavaScript

Metoden every för att kontrollera en array i JavaScript

Metoden some för att kontrollera en array i JavaScript

Sök i en array med callback i JavaScript

Reducering av array i JavaScript

Spreadoperatorn

Spread-operatorn i JavaScript

Använda spread i JavaScript

Extremvärden för array med spread i JavaScript

Spread-operatorn och sammanslagning av arrayer

Spread-operatorn för strängar i JavaScript

Spread-operatorn och tal i JavaScript

Rest-operatorn

Rest-operatören i JavaScript

Funktion som beräknar summan av tal med rest- och spread-operatorer i JavaScript

Funktion som sammanfogar arrayer till en tvådimensionell array i JavaScript

Funktion som sammanfogar arrayer till en i JavaScript

Destrukturering

Destrukturering av arrayer i JavaScript

Destrukturering av array från funktion i JavaScript

Hoppa över arrayelement vid destrukturering i JavaScript

Överflödiga värden vid destrukturering av array i JavaScript

Återstoden av en array vid destructuring i JavaScript

Standardvärden vid destruktureringsarray i JavaScript

Standardfunktioner vid destruktureringsarray i JavaScript

Deklarera variabler vid destruktureringsassignment av arrayer i JavaScript

Destrukturering av objekt i JavaScript

Variabelnamn vid destrukturerande tilldelning av objekt i JavaScript

Standardvärden vid destruktureringsassignment av objekt i JavaScript

Variabler och standardvärden i JavaScript

Deklarera variabler vid destruktureringsassignment av objekt i JavaScript

Destrukturering av funktionsparametrar i JavaScript

Destrukturering av funktionsparametrar som objekt i JavaScript

Tid

Att arbeta med Date-objektet i JavaScript

Datumformatering i JavaScript

Ändra datumformat i JavaScript

Hämta veckodag i JavaScript

Att skriva ut delar av datum som ord i JavaScript

Inställning av tid i Date-objektet i JavaScript

Hämta tid i timestamp-format i JavaScript

Skillnad mellan datum i timestamp-format i JavaScript

Skillnaden mellan datumobjekt i JavaScript

Automatisk korrigering av datum i JavaScript

Hitta sista dagen i månaden i JavaScript

Att bestämma skottår i JavaScript

Kontroll av datumkorrekthet i JavaScript

Få dagens dag på året i JavaScript

Dagen för nästa eller föregående månad

Dagen för nästa eller föregående år

Skillnad mellan tidpunkter

Tidpunkt på dagen

Dagens början i JavaScript

Slutet på dagen i JavaScript

Cyklisk kontroll av tidpunkter i JavaScript

Praktik i att erhålla tidpunkter i JavaScript

Jämförelse av datumsträngar i JavaScript

Jämförelse av datum utan år i JavaScript

Kontrollera om ett datum faller inom ett intervall

Jämförelse av datumobjekt i JavaScript

Introduktion till DOM

Grunderna i att arbeta med DOM i JavaScript

DOM-element i JavaScript

Hämta DOM-element i JavaScript

Komplexa DOM-elementväljare i JavaScript

Binda händelsehanterare till element i JavaScript

Namngivna händelsehanterare i JavaScript

En hanterare till många element i JavaScript

Flera hanterare för en händelse i JavaScript

Hanterare av olika händelser i JavaScript

Arbeta med elementtext i JavaScript

Att arbeta med HTML-kod för element i JavaScript

Taggar attribut som egenskaper i JavaScript

Arbete med textfält i JavaScript

Textfältsfokus i JavaScript

Undantag vid arbete med attribut i JavaScript

Metod- och egenskapskedjor i JavaScript

Fördelar och nackdelar med kedjor i JavaScript

Objektet this i JavaScript

Fördelen med this i JavaScript

Hämta en grupp element i JavaScript

Att lägga till hanterare i en loop i JavaScript

Att lägga till anonyma händelsehanterare i en loop i JavaScript

Avregistrering av händelser i JavaScript

Avkoppling av händelsehanterare i loop i JavaScript

Avlänkning av anonyma funktioner i JavaScript

Råd för att skriva kod med exempel på DOM i JavaScript

Felsökning av DOM-kod i JavaScript

Genomgång av inlärt material om att arbeta med DOM

Attribut

Hämta attribut i JavaScript

Att sätta attribut i JavaScript

Ta bort attribut i JavaScript

Kontroll av attribut i JavaScript

Anpassade attribut i JavaScript

Attributnamn med bindestreck i JavaScript

Att komma åt attribut via metoder i JavaScript

Manipulering av CSS-klassarray i JavaScript

Att lägga till CSS-klasser i JavaScript

Ta bort CSS-klasser i JavaScript

Kontroll av CSS-klasser i JavaScript

Växling av CSS-klasser i JavaScript

Styling

Stiländring av element via style-attributet i JavaScript

Stiliseringsattribut med bindestreck i JavaScript

Undantag vid styling av element i JavaScript

Styling med CSS-klasser i JavaScript

Fördelar med att använda CSS-klasser för styling i JavaScript

Tillämpning av styling i JavaScript

Sökning

Att hitta efterkommandeelement i JavaScript

Att hitta förälderelement i JavaScript

Sök alla förälderelement i JavaScript

Sökning efter grannar till element i JavaScript

Söka efter element efter id i JavaScript

Sök efter element efter taggnamn i JavaScript

Sök efter element efter klassnamn i JavaScript

Sök efter element inuti ett annat element i JavaScript

Noder

Arbete med noder i JavaScript

Att iterera över noder med loop i JavaScript

Nodnamn i JavaScript

Nodtyper i JavaScript

Nodtext i JavaScript

Formulär

Arbeta med textarea i JavaScript

Attributet disabled i JavaScript

Att arbeta med kryssrutor i JavaScript

Att växla mellan attribut utan värden

Arbete med radioknappar i JavaScript

Change-händelsen i JavaScript

Input-händelsen i JavaScript

Metoderna focus och blur i JavaScript

Felsökning av kod med formulär i JavaScript

Rullgardinsmenyer

Arbete med rullgardinsmenyer i JavaScript

Attributet value i rullgardinsmenyer i JavaScript

Ändra det valda alternativet i en lista med JavaScript

Numret på det valda alternativet i en rullgardinsmeny

Hämta alternativ i en rullgardinsmeny med JavaScript

Array av dropdown-listanheter i JavaScript

Arbete med alternativ i rullgardinsmenyer i JavaScript

Val av listobjekt i JavaScript

Hämta valt alternativ i JavaScript

Event-objektet

Grunderna i att arbeta med Event-objektet i JavaScript

Händelsekoordinater i JavaScript

Händelsetyp i Event-objektet i JavaScript

Händelseelementet i Event-objektet i JavaScript

Att få tryckta tangenter i JavaScript

Spårning av modifieringstangenter i JavaScript

Förhindra standardbeteende i JavaScript

Händelsebubbling i JavaScript

Att få målelementet vid händelseutbubbling

Stoppa event-bubbling i JavaScript

Flera handtagare på ett element i JavaScript

Omedelbart stopp av eventbubblan i JavaScript

Tillämpning av att stoppa eventbubblan i JavaScript

Hantering av händelser i JavaScript

Att lägga till händelsehanterare på nya element i JavaScript

Händelsedelegering i JavaScript

Universell delegering av händelser i JavaScript

Kontext

Grunderna i att arbeta med kontext i JavaScript

Kontexten för en obunden funktion i JavaScript

Förlust av kontext i JavaScript

Lösning på problemet med kontext i JavaScript

Kontext via variabel i JavaScript

Kontext via parameter i JavaScript

Kontext via pilfunktion i JavaScript

Bindning av kontext via metoden call i JavaScript

Metoden call med parametrar i JavaScript

Bindning av kontext genom metoden apply i JavaScript

Bindning av kontext genom bind-metoden i JavaScript

Timers

Grunderna i att arbeta med funktionen setInterval i JavaScript

En räknare med funktionen setInterval i JavaScript

Stoppa JavaScript-timer

Knapp för att starta timer i JavaScript

Flerklick på knapp för att starta timer i JavaScript

Knappar för att starta och stoppa timer i JavaScript

Praktik på timers och DOM-manipulering i JavaScript

Timers och kontextförlust i JavaScript

Praktik på timers och DOM-manipulation i JavaScript

Fördröjning före exekvering i JavaScript

Starta en timer i JavaScript

Manipulera element

Skapa och infoga element med JavaScript

Bindning av händelser vid insättning av element

Skapa element i en loop med JavaScript

Attaching event listeners in a loop in JavaScript

Ta bort element i JavaScript

Insättning av element i början eller slutet på JavaScript

Infoga element före element på JavaScript

Intilliggande insättning av element i JavaScript

Intilliggande insättning av taggar i JavaScript

Kloning av element i JavaScript

Kontroll av element i JavaScript

Övning

Skapa element från en array i JavaScript

Praktik i att skapa ul-listor med JavaScript

Skapa HTML-tabeller med JavaScript

Sekventiell fyllning av HTML-tabeller

Skapa HTML-tabell från en array i JavaScript

Skapa HTML-tabell från en array av objekt

Lägga till rader och kolumner i HTML-tabell

Ändra HTML-tabellceller med JavaScript

Självradering av nya element i JavaScript

Länk för att ta bort element i JavaScript

Skapa länkar för att ta bort element med JavaScript

Redigering av enskilt element med JavaScript

Döljer text vid redigering av element med JavaScript

Redigering i grupp av element i JavaScript

Samtidig redigering och borttagning av element

Stilisering av element med JavaScript

Knappar för att dölja och visa element med JavaScript

Flera element med visningsknappar i JavaScript

Aktivering av element med JavaScript

Alternerande aktiveringsstilar i JavaScript

Praktik i att ändra element med JavaScript

Funktioner och DOM

Funktioner för att arbeta med DOM-element i JavaScript

Funktioner för att arbeta med en grupp av DOM-element

Att skicka en callback för att arbeta med DOM i JavaScript

Skicka ordningsnummer till callback i JavaScript

Att passera DOM-element som funktionsparameter

Att skicka en grupp DOM-element som parametrar till funktioner

Funktion för att skapa HTML-tabeller i JavaScript

Returnera tabell från funktion i JavaScript

Funktion för att skapa tabell från array

Moduler via closures

Variabelkonflikter i JavaScript

Moduler med stängningar i JavaScript

Praktisk tillämpning

Att passera parametrar till en modul genom closures i JavaScript

Överföring av förälderelement till en modul genom closure i JavaScript

Att skicka modulinställningar genom closure i JavaScript

Standardparametrar

Exportera variabler och funktioner i moduler genom closures i JavaScript

Exportera ett objekt i moduler genom closures i JavaScript

Bibliotek via closure i JavaScript