К содержанию

Grundlæggende JavaScript Tutorial

Enkel JavaScript tutorial for begyndere med opgavesamling og eksempler på løsninger.

Grundlæggende

Introduktion til JavaScript for begyndere

Kørsel af JavaScript

Første program i JavaScript

Gennemgå programkoden

Yderligere eksempler

Tilføjelse af en fil med JavaScript-scripts

Flere filer med JavaScript-scripts

Særligheder ved script-tagget i JavaScript

Cachelagring af JavaScript-filer i browseren

Strict tilstand i JavaScript

Kommentarer i JavaScript

Variable i JavaScript

Brug af variabler

Deklaration af flere variable i JavaScript

Ændring af variabelværdier

Flere let for én variabel

Matematiske operationer med tal i JavaScript

Matematiske operationer med variable i JavaScript

Præcedens for matematiske operationer i JavaScript

Lige prioritet af matematiske operationer i JavaScript

Grupperende parenteser i JavaScript

Brøker i JavaScript

Negative tal i JavaScript

Plus foran tal i JavaScript

Rest ved division i JavaScript

Eksponentiering i JavaScript

Prioritet for eksponentiering

Strings i JavaScript

Sammenlægning af strenge i JavaScript

Strenglængde i JavaScript

Skabelonstrenge i JavaScript

Flerliniestrings

Specielle værdier i JavaScript

Værdien undefined

Værdien null

Sandhedsværdierne true og false

Betydningen af NaN

Infinity og -Infinity i JavaScript

Arbejde med konsollen i JavaScript

Datatyper i JavaScript-konsollen

Fejl i JavaScript-konsollen

Konstanter i JavaScript

Automatisk typekonvertering

Konvertering til tal i JavaScript

Forkortet konvertering til tal i JavaScript

Konvertering af ugyldige tal i JavaScript

Udtrækning af tal i JavaScript

Konvertering til streng i JavaScript

Anvendelse af konvertering til strenge i JavaScript

Konvertering af boolsk type i JavaScript

Konvertering til boolean i JavaScript

Hent tegn fra en streng i JavaScript

Uforanderlighed af strenge i JavaScript

Sidste tegn i en streng i JavaScript

Strenge med tal i JavaScript

Adgang til cifre i et tal i JavaScript

Operationer til at ændre variabler i JavaScript

Kortlagte operationer i JavaScript

Inkrement- og dekrement-operationer i JavaScript

Præfiks og postfiks type i JavaScript

Unøjagtige beregninger i JavaScript

Funktionen prompt i JavaScript

Problemet med datatyper i prompt-funktionen i JavaScript

Udsendelse af tekst i dokumentet i JavaScript

Fejlfinding i kode

Praktis i JavaScript-operationer

Praktis med formler i JavaScript

Arrays

Arrays i JavaScript

Hentning af array-elementer i JavaScript

Længden af et array i JavaScript

Ændring af array-elementer i JavaScript

Omskrivning af array-elementer i JavaScript

Inkrement og dekrement af array-elementer i JavaScript

Tilføjelse af elementer via nøgler i JavaScript

Spredte arrays i JavaScript

Tilføjelse af elementer via push i JavaScript

Array nøgler fra variabler i JavaScript

Delete-operatoren i arrays i JavaScript

Fejlfinding i JavaScript-kode med arrays

Objekter

Objekter i JavaScript

Udskrivning af hele objekter i JavaScript

Objekters strengnøgler i JavaScript

Egenskaber for objekter i JavaScript

Begrænsninger for objektnøgler i JavaScript

Ændring af elementer i objekter i JavaScript

Tilføjelse af elementer til objekter i JavaScript

Uordnen af objekter i JavaScript

En objekt nøglearray i JavaScript

Længden af et objekt i JavaScript

Objektnøgler fra variabler i JavaScript

Fejl ved adgang til element via nøgle i JavaScript

Fejl ved tilgang til objektegenskab i JavaScript

Beregnede egenskaber i JavaScript

Operatoren in i JavaScript

Delete-operatoren i JavaScript

Typning af objekter i JavaScript

Arrays som objekter i JavaScript

Forskelle mellem arrays og objekter i JavaScript

Objekter og primitiver i JavaScript

Overførsel af objekter ved reference i JavaScript

Konstanter med arrays eller objekter i JavaScript

Konstant-baseret programmeringstilgang i JavaScript

Fejlfinding i JavaScript-kode med objekter

Betingelser

If-else konstruktion i JavaScript

Større end og mindre end operatorer i JavaScript

Lighedstjek i JavaScript

Kontrol for ulighed i JavaScript

Sammenligning af variabler i JavaScript

Lighed mellem strenge i JavaScript

Lighed mellem strenge og tal i JavaScript

Lighed efter værdi og type i JavaScript

Ulighed efter værdi og type i JavaScript

Logisk AND i JavaScript

Logisk ELLER i JavaScript

Præcedens for logiske operatorer i JavaScript

Gruppering af betingelser i JavaScript

Invertering af logiske udtryk i JavaScript

Betingelser med boolske værdier i JavaScript

Sammenligning af værdier med boolsk type i JavaScript

Kort form for sandhedstjek i JavaScript

Kort form for falsk-check i JavaScript

Generel kort form for kontrol i JavaScript

Komplekse betingelser i kort form i JavaScript

Valgfriheden af else-konstruktionen i JavaScript

Valgfrihed af krøllede parenteser i JavaScript

Problemet med valgfrie krøllede parenteser i if-else

Else if konstruktion i JavaScript

Indlejrede if-else konstruktioner i JavaScript

Switch-case konstruktionen i JavaScript

Valgfriheden af break i switch-case konstruktionen i JavaScript

Den ternære operator i JavaScript

Logiske operationer i JavaScript

Confirm-funktionen i JavaScript

Variablers rækkevidde i if-else i JavaScript

Nuancer af variablers rækkevidde i if-else konstruktioner i JavaScript

Kontrol af timedele via if-else i JavaScript

Kontrol af længden af strenge og arrays i JavaScript

Kontrol af tegn i en streng i JavaScript

Kontrol af cifre i tal i JavaScript

Kontrol af rest ved division i JavaScript

Fejlfinding i JavaScript-kode med betingelser

Praktik med if-else betingelser i JavaScript

Løkker

Introduktion til loops i JavaScript

Gennemløb af array med for-of loop i JavaScript

Gennemløb af objekt med for-in loop i JavaScript

While-løkken i JavaScript

For-løkke i JavaScript

For-løkke til arrays i JavaScript

Betingelser i loops i JavaScript

Akkumulering af tal i JavaScript-løkker

Akkumulering af array-elementer i JavaScript-løkker

Oprettelse af strenge gennem loops i JavaScript

Tal cifre under looping med JavaScript

Valgfrihed af krøllede parenteser i loops i JavaScript

Problemet med valgfrie parenteser i loops i JavaScript

Break-instruktionen i JavaScript

Continue-sætningen i JavaScript

Indlejrede loops i JavaScript

Område for synlighed i JavaScript-løkker

Indlejrede løkker og rækkevidde i JavaScript

Udfyldning af arrays i JavaScript

Ændring af array i JavaScript-loop

Udfyldelse af objekter gennem loop i JavaScript

Ændring af objekter gennem løkke i JavaScript

Arbejde med flag i JavaScript

Tips til skrivning af loop-kode i JavaScript

Råd til fejlfinding af kode med eksempler på loops i JavaScript

Fejlfinding i kode med JavaScript-løkker

Udarbejdelse af JavaScript-løkker

Flerdimensionalitet

Flerdimensionelle arrays i JavaScript

Tredimensionelt array i JavaScript

Arbitrære arrays i JavaScript

Gennemgang af multidimensionelle arrays i JavaScript

Gennemgang med almindelig for i JavaScript

Udfyldelse af multidimensionelle arrays i JavaScript

Problemer med at udfylde multidimensionelle arrays i JavaScript

Udfyldning af multidimensionelle arrays i rækkefølge i JavaScript

Flerdimensionelle objekter i JavaScript

Gennemgang af multidimensionelle objekter i JavaScript

Flerdimensionelle strukturer i JavaScript

Gennemgang af multidimensionelle strukturer i JavaScript

Objekt arrays i JavaScript

Nøgler fra variabler i multidimensionelle strukturer i JavaScript

Tilføjelse af elementer til multidimensionelle arrays i JavaScript

Tilføjelse af elementer til multidimensionelle JavaScript-objekter

Standardmetoder

Eksponent og rod i JavaScript

Afrundingsfunktioner i JavaScript

Ekstreme tal i JavaScript

Tilfældighed i JavaScript

Moduler i JavaScript

Tegnsætning i JavaScript

Udtagning af strenge i JavaScript

Søgning i strenge i JavaScript

Erstatning af dele af en streng i JavaScript

Opdeling af strenge i JavaScript

Grænseelementer i JavaScript

Dele af arrays i JavaScript

Splejsning af arrays i JavaScript

Søgning i arrays i JavaScript

En objekt nøglearray i JavaScript

Fejlfindning i kode med standard JavaScript-metoder

Brugerdefinerede funktioner

Grundlæggende arbejde med brugerdefinerede funktioner i JavaScript

Funktionsparametre i JavaScript

Flere funktionsparametre i JavaScript

Funktionsparametre som variabler i JavaScript

Valgfrie parametre i JavaScript

Return-instruktionen i JavaScript

Sekventiel kald af funktioner i JavaScript

Det fæle ved return i JavaScript

Løkke og return i JavaScript

Anvendelse af return i loops i JavaScript

Teknik til at arbejde med return i JavaScript

Flag i JavaScript-funktioner

Logiske operatorer uden if i JavaScript-funktioner

Råd til oprettelse af funktioner i JavaScript

Fejlfinding i kode med JavaScript-funktioner

Praktis med JavaScript-funktioner

Funktionsvariabler

Globale variable i funktioner i JavaScript

Lokale variable i funktioner i JavaScript

Identiske variabelnavne i funktioner i JavaScript

Ændring af globale variable i JavaScript

Globale variable og funktionsparametre i JavaScript

Overensstemmelse af navne med parametre i JavaScript

JavaScript Objektparametre

Funktionstyper

Funktionskildekode og dens resultat i JavaScript

Funktion som variabel i JavaScript

At tildele en funktion til en anden variabel i JavaScript

Tildeling af funktioner til variabler i JavaScript

Overensstemmelse mellem funktions- og variabelnavn i JavaScript

Function expression og Function declaration i JavaScript

Forskellen mellem funktionserklæringer

Semikolon ved deklaration af funktioner i JavaScript

Nuancer af funktionelle udtryk i JavaScript

Funktion med navn, men Function Expression i JavaScript

Navngivne funktionsudtryk i JavaScript

Sådan kontrolleres funktionstypen i JavaScript

Udtryk til venstre for funktion i JavaScript

Udtryk til højre for funktion i JavaScript

Array med anonyme funktioner i JavaScript

Objekt med anonyme funktioner i JavaScript

Anvendelse af objekt med funktioner i JavaScript

Indlejrede funktioner

Overførsel af funktioner som parametre i JavaScript

Navngivne funktionsparametre i JavaScript

Parametre for overførte funktioner i JavaScript

Overførsel af tal som parameter i JavaScript

Anvendelse af funktionsoverførsel som parameter i JavaScript

Indlejrede funktioner i JavaScript

Omfang af indlejrede funktioner i JavaScript

Parametre for eksterne funktioner i JavaScript

Parametre for ydre og indre funktioner i JavaScript

Paramer med samme navn i JavaScript

Funktion, der returnerer en funktion i JavaScript

Ethvert niveau af indlejring i JavaScript

Parametre for returnerede funktioner i JavaScript

Callback-funktioner i JavaScript

Nuancer af callbacks i JavaScript

Pilefunktioner i JavaScript

Anvendelse af pilefunktioner i JavaScript

Closures

Adgang til eksterne variabler af funktioner i JavaScript

Funktioners leksikalske omgivelse i JavaScript

Anvendelse af funktioners leksikalske omgivelse i JavaScript

Closure i JavaScript

Tæller med lukninger i JavaScript

Lokal tællevariabel i JavaScript

Global tællevariabel i JavaScript

IIFE

Umiddelbar funktionskald i JavaScript

Tildeling af funktion til variabel i JavaScript

Anvendelse af omgående funktionskald i JavaScript

Runde parenteser i IIFE i JavaScript

Funktionsparametre ved øjeblikkelig udførelse i JavaScript

Flere IIFE-kald i JavaScript

Underjordiske sten ved IIFE i JavaScript

Semikolon for sikkerhed i IIFE

Closure og omgående funktionskald i JavaScript

Rekursion

Arbejde med rekursion i JavaScript

Eksempel med parameter via rekursion i JavaScript

Summen af arrayelementer ved rekursion i JavaScript

Rekursion og multidimensionelle strukturer i JavaScript

Sum af arrayelementer via rekursion i JavaScript

Manipulation af elementer i JavaScript

Gennemløbsmetoder

Metoden map til gennemgang af arrays i JavaScript

Metoden forEach til gennemgang af arrays i JavaScript

Metoden filter til filtrering af arrays i JavaScript

Metoden every til at kontrollere en array i JavaScript

Metoden some til at kontrollere arrays i JavaScript

Søgning i array via callback i JavaScript

Reduktion af arrays i JavaScript

Spread-operatoren

Spread-operatoren i JavaScript

Brug af spread i JavaScript

Ekstreme værdier af array ved brug af spread i JavaScript

Spread-operatoren og sammenfletning af arrays

Spread-operatoren for strenge i JavaScript

Spread-operatoren og tal i JavaScript

Rest-operatoren

Rest-operatoren i JavaScript

Funktion, der finder summen af tal ved hjælp af rest og spread operatorer i JavaScript

Funktion, der sammenfletter arrays til en todimensionel i JavaScript

Funktion, der fusionerer arrays til én i JavaScript

Destrukturering

Destrukturering af arrays i JavaScript

Destrukturering af array fra funktion i JavaScript

Spring over elementer i array ved destrukturering i JavaScript

Ekstra værdier ved destrukturering af arrays i JavaScript

Resten af arrayet ved destrukturering i JavaScript

Standardværdier ved destrukturerings af arrays i JavaScript

Standardfunktioner ved destrukturering af arrays i JavaScript

Deklaration af variabler ved destrukturering af arrays i JavaScript

Destrukturering af objekter i JavaScript

Variabelnavne ved destruktering af objekter i JavaScript

Standardværdier ved destrukturerings af objekter i JavaScript

Variable og standardværdier i JavaScript

Deklaration af variabler ved destrukturerings af objekter i JavaScript

Destrukturering af funktionsparametre i JavaScript

Destrukturering af funktionsparametre som objekter i JavaScript

Tid

Arbejde med Date-objektet i JavaScript

Formatering af dato i JavaScript

Ændring af datoformat i JavaScript

Hent ugedag i JavaScript

Udsendelse af datodele som ord i JavaScript

Indstilling af tid i Date-objektet i JavaScript

Hentning af tid i timestamp-format i JavaScript

Forskellen mellem datoer i timestamp-format i JavaScript

Forskellen mellem datoobjekter i JavaScript

Automatisk korrektion af datoer i JavaScript

Find den sidste dag i måneden i JavaScript

Bestemmelse af skudår i JavaScript

Validering af dato i JavaScript

Hent dag i indeværende år i JavaScript

Dagen for den næste eller forrige måned

Dagen for næste eller forrige år

Forskellen mellem tidspunkter

Tidspunkt på dagen

Dagens start i JavaScript

Slutningen af dagen i JavaScript

Cyklisk kontrol af tidspunkter i JavaScript

Praktis i at få tidspunkter i JavaScript

Sammenligning af datostrenge i JavaScript

Sammenligning af dato uden år i JavaScript

At få en dato til at falde inden for et interval

Sammenligning af objekter med datoer i JavaScript

Introduktion til DOM

Grundlæggende DOM-arbejde i JavaScript

DOM-elementer i JavaScript

Hent DOM-element i JavaScript

Komplekse DOM-elementselektorer i JavaScript

Tilknytning af event handlers til elementer i JavaScript

Navngivne event handlers i JavaScript

En håndterer til mange elementer i JavaScript

Flere behandlere af samme event i JavaScript

Håndtering af forskellige events i JavaScript

Arbejde med tekst i elementer på JavaScript

Arbejde med HTML-kode af elementer i JavaScript

Tag-attributter som egenskaber i JavaScript

Arbejde med tekstfelter i JavaScript

Fokus på tekstfelter i JavaScript

Undtagelser ved arbejde med attributter i JavaScript

Metode- og egenskabskæder i JavaScript

Fordele og ulemper ved kæder i JavaScript

Objektet this i JavaScript

Fordelen ved this i JavaScript

Hentning af gruppe af elementer i JavaScript

Tilføjelse af event handlers i loop i JavaScript

Tilføjelse af anonyme håndterere i en løkke i JavaScript

Afkobling af events i JavaScript

Afkobling af event handlers i loop i JavaScript

Afbinding af anonyme funktioner i JavaScript

Råd til kodskrivning med eksempel på DOM i JavaScript

Fejlfinding i kode med DOM i JavaScript

Gennemgang af det lærte stof om arbejde med DOM

Attributter

Håndtering af attributter i JavaScript

Sætning af attributter i JavaScript

Fjernelse af attributter i JavaScript

Kontrol af tilstedeværelse af attributter i JavaScript

Brugerdefinerede attributter i JavaScript

Attributnavne med bindestreger i JavaScript

Adgang til attributter via metoder i JavaScript

Manipulation af CSS-klasse-array i JavaScript

Tilføjelse af CSS-klasser i JavaScript

Fjernelse af CSS-klasser i JavaScript

Kontrol af CSS-klasser i JavaScript

Alternering af CSS-klasser i JavaScript

Styling

Stilføring af elementer via style-attributten i JavaScript

Styling af egenskaber med bindestreg i JavaScript

Undtagelse ved styling af elementer i JavaScript

Styling med CSS-klasser i JavaScript

Fordel ved styling med CSS-klasser i JavaScript

Anvendelse af styling i JavaScript

Søgning

Finde efterkommere af elementer i JavaScript

Finde forældre til elementer i JavaScript

Søgning efter alle forældreelementer i JavaScript

Søgning efter nabo-elementer i JavaScript

Søgning efter element efter id i JavaScript

Søgning efter element efter tag-navn i JavaScript

Søgning efter element efter klassens navn i JavaScript

Søgning efter elementer inde i et andet element i JavaScript

Noder

Arbejde med noder i JavaScript

Gennemløb af noder med loop i JavaScript

Navne på noder i JavaScript

Nodetyper i JavaScript

Tekstnoder i JavaScript

Formular

Arbejde med textarea i JavaScript

Disabled-attributten i JavaScript

Arbejde med checkbokse i JavaScript

Skiften af attributter uden værdier

Arbejde med radioknapper i JavaScript

Change-event i JavaScript

Input-event i JavaScript

Fokus og blur metoder i JavaScript

Fejlfinding i kode med formularer i JavaScript

Dropdown-lister

Arbejde med dropdown-lister i JavaScript

Value-attributet i dropdown-lister i JavaScript

Ændring af valgt punkt på listen i JavaScript

Nummeret på den valgte mulighed i en dropdownliste

Hentning af dropdown-menu-punkter i JavaScript

Array af dropdown-menu punkter i JavaScript

Arbejde med punkter i dropdown-lister i JavaScript

Valg af listepunkt i JavaScript

Håndtering af valgt option i JavaScript

Event-objektet

Grundlæggende arbejde med Event-objektet i JavaScript

Eventkoordinater i JavaScript

Begivenhedstype i Event-objektet i JavaScript

Hændelseselement i Event-objektet i JavaScript

Håndtering af tastetryk i JavaScript

Sporing af modificeretaster i JavaScript

Forebyggelse af standardadfærd i JavaScript

Event bubbling i JavaScript

Hentning af målelement ved event bubbling

Stoppe event bubbling i JavaScript

Flere håndterere på et element i JavaScript

Omgående stopp af event bubbling i JavaScript

Anvendelse af stoppelse af event bubbling i JavaScript

Begivenheds-dybdegående i JavaScript

Tilføjelse af event handlers til nye elementer i JavaScript

Event Delegation i JavaScript

Universel delegering af begivenheder i JavaScript

Kontekst

Grundlæggende arbejde med kontekst i JavaScript

Kontekst for uboundet funktion i JavaScript

Tabt kontekst i JavaScript

Løsning på kontekstproblemet i JavaScript

Kontekst via variabel i JavaScript

Kontekst via parameter i JavaScript

Kontekst via pilfunktion i JavaScript

Binding af kontekst via call-metoden i JavaScript

Metoden call med parametre i JavaScript

Binding af kontekst via apply-metoden i JavaScript

Binding af kontekst via bind-metoden i JavaScript

Timere

Grundlæggende arbejde med setInterval-funktionen i JavaScript

Tæller ved hjælp af funktionen setInterval i JavaScript

Stoppe JavaScript-timer

Knap til start af timer i JavaScript

Gentagne klik på knappen for at starte en timer i JavaScript

Knapper til start og stop af timer i JavaScript

Praktik med timere og DOM-manipulation i JavaScript

Timere og tab af kontekst i JavaScript

Praktisk arbejde med timere og DOM-manipulation i JavaScript

Forsinkelse før udførelse i JavaScript

Start af timer i JavaScript

Manipulation af elementer

Oprettelse og indsættelse af elementer i JavaScript

Tilføjelse af event listeners ved indsættelse af elementer

Oprettelse af elementer i loop i JavaScript

Tilføjelse af event handlers i løkke på JavaScript

Sletning af elementer i JavaScript

Indsættelse af elementer i starten eller slutningen i JavaScript

Indsættelse af elementer før elementer i JavaScript

Indsættelse af tilstødende elementer i JavaScript

Indsættelse af tilstødende tags i JavaScript

Kloning af elementer i JavaScript

Kontrol af elementer i JavaScript

Praksis

Oprettelse af elementer fra en array i JavaScript

Praktis i at oprette ul-lister i JavaScript

Oprettelse af HTML-tabeller i JavaScript

Sekventiel udfyldning af HTML-tabeller

Oprettelse af HTML-tabel fra en array i JavaScript

Oprettelse af HTML-tabel fra en array af objekter

Tilføjelse af rækker og kolonner til HTML-tabeller

Ændring af HTML-tabelceller med JavaScript

Selvsletning af nye elementer i JavaScript

Slet element link i JavaScript

Oprettelse af links til sletning af elementer i JavaScript

Redigering af individuelle elementer i JavaScript

Skjul tekst ved redigering af element på JavaScript

Redigering i gruppe af elementer i JavaScript

Samtidig redigering og sletning af elementer

Styling af elementer med JavaScript

Knapper til at skjule og vise elementer med JavaScript

Flere elementer med vis/skjul knapper i JavaScript

Aktivering af elementer i JavaScript

Alternering af aktiveringsstile i JavaScript

Praktisk øvelse i at ændre elementer med JavaScript

Funktioner og DOM

Funktioner til arbejde med DOM-elementer i JavaScript

Funktioner til arbejde med en gruppe af DOM-elementer

Overførsel af callback til DOM-manipulation i JavaScript

Overførsel af ordningsnummer til callback i JavaScript

Overførsel af DOM element som parameter

Overførsel af gruppe af DOM-elementer som parametre til funktioner

Funktion til at oprette HTML-tabeller i JavaScript

Returnering af tabel fra en funktion i JavaScript

Funktion til at oprette tabel fra array

Moduler via lukninger

Variabelkonflikter i JavaScript

Moduler via lukninger i JavaScript

Praktisk Anvendelse

Overførsel af parametre til modul gennem lukninger i JavaScript

Overførsel af forældreelement til modul gennem closures i JavaScript

Overførsel af modulindstillinger gennem closures i JavaScript

Standardparametre

Eksport af variabler og funktioner i moduler via closures i JavaScript

Eksport af et objekt i moduler via closures i JavaScript

Biblioteker via lukninger i JavaScript