Brainscape's Knowledge GenomeTM


Top Flashcards (Certified)
All Flashcards

Programmering > JavaScript & events > Flashcards

JavaScript & events Flashcards

1
Q

Hvad er JavaScript?

A

et programmeringssprog, der bruges til at gøre websider interaktive, fx ved at håndtere knaptryk, animationer og dynamisk indhold.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Hvordan føjes JavaScript til en HTML-fil?

A

tilføjes med <script tagget i HTML, typisk før <body>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Hvilke variabeltyper findes i JavaScript?

A

let → Kan ændres
const → Kan ikke ændres
var → (gammel metode, bør undgås)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Hvordan definerer man en variabel?

A

let navn = “zuzu”;
const alder = 30;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Hvad er de primitive datatyper i JavaScript?

A

Number → let tal = 23;
String → let tekst = “Hej”;
Boolean → let sandt = true;
Undefined → let tom;
Null → let ingenting = null;
Symbol → let unik = Symbol();
BigInt → let stortTal = 123456789n;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Hvad er forskellen på null og undefined?

A

null → En tom værdi sat af udvikleren.
undefined → Variablen er ikke tildelt en værdi.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Hvilke matematiske operators findes i JavaScript?

A

+ (addition)
- (subtraktion)
* (multiplikation)
/ (division)
% (modulus, rest)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Hvad gør === (strict equality)?

A

Sammenligner både værdi og datatype.
console.log(5 == “5”); ✅
console.log(5 === “5”); ❌

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Hvordan definerer man en simpel funktion i JavaScript?

A

function hils() {
console.log(“Hej, verden!”);
}
hils();

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Hvad sker der, hvis en funktion ikke har return?

A

Funktionen udfører en handling, men returnerer undefined.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Hvad er en Arrow Function (=>)?

A

en kortere måde at skrive en funktion i JavaScript på. Gør koden mere læsbar og kompakt.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Hvad er console.log?

A

en funktion i JavaScript, der bruges til at udskrive data i browserens udviklingskonsol.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Hvad er et objekt i JavaScript?

A

En samling af nøgle-værdi par.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Hvad definere en HTML event attribute?

A

definerer en handling, der sker, når en bruger interagerer med en webside.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Hvordan definerer man en event-handler i JavaScript?

A

Man kan bruge addEventListener() eller tilføje en event direkte i HTML.

(eventtype(‘click’), eventhandler(function))

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Nævn vigtige HTML event attributes!!

A

onclick → Når en knap klikkes.
onmouseover → Når musen holdes over et element.
onkeydown → Når en tast trykkes ned.
onload → Når siden er indlæst.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Hvad er DOM-manipulation?

A

betyder, at JavaScript kan ændre HTML og CSS, så indholdet på en webside opdateres uden at genindlæse siden.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Hvad er document i JavaScript?

A

en del af DOM (Document Object Model) og repræsenterer hele HTML-dokumentet i JavaScript. Det giver adgang til og mulighed for at ændre HTML-elementer.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Hvordan ændrer JavaScript HTML-indhold?

A

Ved at bruge document.querySelector() til at finde et element og ændre dets indhold.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Hvordan reagerer JavaScript på brugerens klik?

A

Ved at bruge event listeners, der kører kode, når en bruger klikker.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Hvordan gemmer man data i browseren?

A

bruge localStorage, som gemmer data, selv efter siden genindlæses.

localStorage.setItem(“navn”, “Zuhur”);
console.log(localStorage.getItem(“navn”));

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Hvad er forskellen mellem setTimeout() og setInterval()?

A
  1. setTimeout() udfører kode én gang efter en forsinkelse(eks. popup besked).
  2. setInterval() gentager kode med et fast tidsinterval. (eks ur)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

Hvad er NaN i JavaScript?

A

NaN betyder “Not-a-Number” og opstår, når en beregning giver et ugyldigt tal.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

Hvad er forskellen på isNaN() og Number.isNaN()?

A
  1. isNaN() konverterer værdien til et tal, før den tester.
  2. Number.isNaN() tester kun, hvis værdien allerede er et tal.

console.log(isNaN(undefined)); // true
console.log(Number.isNaN(undefined)); // false

25
Hvad betyder operator precedence i JavaScript?
Operator precedence bestemmer rækkefølgen, hvori operatorer evalueres i et udtryk
26
Hvad sker der, hvis et udtryk indeholder flere operatorer med forskellig precedence?
Den operator med højere precedence udføres først
27
Hvad betyder associativitet i forhold til operatorer?
Associativitet bestemmer, om et udtryk evalueres fra venstre mod højre (left-associative) eller højre mod venstre (right-associative).
28
Hvordan kan man ændre operator precedence i et udtryk?
Ved at bruge parenteser (), da de har den højeste precedence og tvinger en bestemt rækkefølge.
29
Hvilken associativitet har assignment-operatoren =?
Den er right-associative, hvilket betyder, at evalueringen sker fra højre mod venstre. ## Footnote let x, y, z; x = y = z = 10; // Alle får værdien 10
30
Hvad er forskellen på en unary og en binary operator?
1. unary operator opererer på én operand (fx !true) (Kun én værdi at arbejde med) 2. binary operator opererer på to operander (fx 3 + 5) (Kræver to værdier)
31
Hvordan fungerer precedence for unary og binary operatorer?
Unary operatorer som ! har typisk højere precedence end binary operatorer som + og -
32
Hvad bliver resultatet af følgende udtryk?: const a = 1; const b = 2; console.log(typeof a + b);
"number2", fordi typeof a evalueres først ("number") og derefter concatenates med b
33
Hvad betyder short-circuiting i JavaScript?
Betyder, at en operator kan stoppe evalueringen tidligt, hvis det ikke er nødvendigt at evaluere resten. ## Footnote let isLoggedIn = false && "Welcome!"; console.log(isLoggedIn); // false
34
Hvilke operatorer i JavaScript er short-circuiting?
&& (AND), || (OR), ?? (nullish coalescing) og ?. (optional chaining)
35
Hvilken metode bruges til at vælge alle elementer med en bestemt klasse?
document.getElementsByClassName() eller document.querySelectorAll(), hvor den første returnerer en live HTMLCollection og den anden returnerer en statisk NodeList.
36
Hvordan opretter man et nyt HTML-element med JavaScript?
Ved at bruge document.createElement("tagname") og derefter tilføje det til DOM'en med metoder som append(), prepend(), before() eller after().
37
Hvad er forskellen mellem append() og prepend()?
append() tilføjer et element som det sidste barn i en forælder, mens prepend() indsætter det som det første barn.
38
Hvordan kan JavaScript ændre CSS-styling på et element?
Ved at bruge element.style.propertyName = "value", f.eks. element.style.color = "red"
39
Hvad er event bubbling?
Når en begivenhed (event) starter på det målrettede element og derefter bobler op til dets forældre i DOM'en.
40
Hvad er event capturing?
Det er det modsatte af event bubbling, hvor en event fanges fra forældreelementet først og derefter bevæger sig nedad i DOM'en.
41
Hvordan vælger man et HTML-element med JavaScript?
Brug document.getElementById(), document.querySelector() eller document.querySelectorAll()
42
Hvad gør document.querySelector(".klasse")?
Den finder og returnerer det første HTML-element, der matcher en CSS-selektor. I parentesen skal der være en streng ("") med en CSS-selektor, f.eks.: Klasse: ".classnavn" Id: "#idnavn" Tag: "p"
43
Hvad gør document.getElementById("minKnap")?
finder og returnerer et HTML-element med det specifikke id. I parentesen skal der være en streng ("") med id'et på elementet, f.eks. "minKnap".
44
Hvad gør element.addEventListener(event, funktion)?
Den lytter efter en handling på et specifikt element og kører en funktion. I parentesen skal der være en eventtype (f.eks. "click", "mouseover") og en funktion, der skal udføres, når eventet sker.
45
Hvad menes der med, at DOM er ligesom et træ?
strukturerer HTML som et hierarkisk træ, hvor HTML-elementer er "grene", og de kan have "børn" og "forældre". Hvert element er en "node" i træet.
46
Bliver javascript kompileret
nej javascript er ikke et kompileret sprog
47
Hvordan henter man et elements nuværende skriftstørrelse?
getComputedStyle(element).fontSize
48
Hvad betyder asynkron programmering?
betyder, at kode kan køre i baggrunden uden at blokere resten af programmet. Det bruges ofte til netværksanmodninger, filhåndtering og tidskrævende opgaver.
49
Hvad er forskellen på synkron og asynkron kode?
Synkron kode: Kører linje for linje, én ad gangen. Asynkron kode: Tillader visse dele af koden at vente på eksterne processer, mens resten af programmet fortsætter.
50
Hvad er et Promise?
et JavaScript-objekt, der håndterer asynkrone operationer. Det kan enten: Resolved (fulfilled) → Når opgaven lykkes. Rejected → Når opgaven fejler.
51
Hvad er en executor function i et Promise?
funktionen, der køres, når Promise oprettes. Den tager resolve og reject som argumenter for at definere, hvad der sker, når operationen lykkes eller fejler.
52
Hvordan håndterer man et resolved Promise?
.then(result => {...}) bruges til at hente det løste resultat af et Promise.
53
Hvordan håndterer man et rejected Promise?
.catch(error => {...}) bruges til at håndtere fejl fra et Promise.
54
Hvad er en Promise consumer?
En consumer er en del af koden, der venter på et Promise-resultat og reagerer, når det bliver resolved eller rejected.
55
Hvad er en Promise Chain?
En Promise Chain er, når flere .then()-metoder kædes sammen, så næste .then() venter på den forrige at blive løst.
56
Hvad gør .catch() i et Promise?
Den fanger fejl i Promises og håndterer dem.
57
Hvad gør .finally() i et Promise?
kører uanset om Promiset blev resolved eller rejected og bruges ofte til oprydning.
58
Hvad er async og await i JavaScript?
1. async gør en funktion asynkron og returnerer altid et Promise. 2. await pauser koden, indtil Promiset er resolved.
59
"Content-Type": "application/json"
angiver, at data sendes som JSON, så serveren ved, hvordan den skal tolke indholdet.

Programmering (9 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2025 Bold Learning Solutions. Terms and Conditions