Frontend 2

Question 1

Vilka värden innehåller object?

Answer 1

Objekt har properties, properties är behållare av värden.

Question 2

Nämn datatyperna i JavaScript

Answer 2

String, Number, Boolean och Object

Question 3

Nämn delarna här

“var myNumber = 1.92;”

Answer 3

Variable keyword
Variable name
Assignment Operator
Variable Value

Question 4

Vilken operator är detta?

*

Answer 4

(Arithmetic) Operator

också +, - och /

Question 5

Vad kan man inte använda som namsättning i JavaScript? (två saker)

Answer 5

“keywords” eller “reserverade ord” (t.ex. “var”).

Question 6

Vad kan man inte använda som start i namsättning i JavaScript

Answer 6

aldrig en siffra.

Question 7

Vilka tecken ska man inte använda vid namnsättning i javaScript?

Answer 7

• (minus) eller . (punkt).

Question 8

Vilken är ordningen i DOM-trädet?

Answer 8

document -> object
body -> object
div -> object
h1 -> object
Min rubrik -> string

Question 9

Vad är en funktion?

Answer 9

En funktion är en liten oberoende bit kod som utför en specifik uppgift. En funktion måste anropas.

Question 10

Vad kallas dessa två värden?

function changeColor() {
}

“function”

“changeColor”

Answer 10

Function keyword och Function name

Question 11

Vad kallas denna i en funktion?

changeColor();

Answer 11

Function call

Question 12

Vad kallas det inom parentens i en funktion?

function changeColor(color) {
}

Answer 12

Parameter

Question 13

Vad kallas det inom parentens i en funktion?

changeColor(‘red’);

Answer 13

Argument

Question 14

Vad kallas funktionen här?

{
name: ‘Fredrik Sundström’, birthYear: 1984,
age: function() {
return 2022 - this.birthYear; }
}

Answer 14

Medlemsfunktion

Question 15

Var hittar vi medlemsfunktioner?

Answer 15

I funktioner i objekt

Question 16

Nämn några olika “event”

Answer 16

load, dblclick, click, keydown, keyup, mousenter, mouseleave etc

Question 17

Vilka är objektern här?

var btn = document.querySelector(‘button’);
btn.addEventListener(‘click’, changeColor);

Answer 17

var btn = “"”document””“.querySelector(‘button’);
“"”btn””“.addEventListener(‘click’, changeColor);

Question 18

Vilka är medlemsfunktionerna här?

var btn = document.querySelector(‘button’);
btn.addEventListener(‘click’, changeColor);

Answer 18

var btn = document.

”"”querySelector(‘button’)”””;

btn

””“.addEventListener(‘click’, changeColor)”””;

Question 19

Peka ut lyssnaren, eventet och eventlyssanren här?

var btn = document.querySelector(‘button’);
btn.addEventListener(‘click’, changeColor);

Answer 19

var btn = document.querySelector(‘button’);
btn.addEventListener(‘click’, changeColor);

Lektion 6 s.33

Question 20

Vad är button här?

var btn = document.querySelector(‘button’);
btn.addEventListener(‘click’, changeColor);

Answer 20

CSS-selektor

Question 21

I javaScript hur hämtar jag data från “input” elementet?

Answer 21

Använd Value

Question 22

Vad kallar man value 1 och 2 här?

if (value1 === value2) { // true
} else {
// false }

Answer 22

Villkor

Question 23

Vad kallas hela denna?

if (value1 === value2) { // true
} else {
// false }

Answer 23

if-sats

Question 24

Vad är en bugg?

Answer 24

Något som är så allvarligt att den hindrar användaren från att använda produkten på avsett sätt eller helt och hållet.

Question 25

Vad är en visuell bugg?

Answer 25

En felaktighet i implementationen av design i kod, något som påverkar användarupplevelsen.

Question 26

Vilka selektorer ser du?

<. head> <style>
h1 {
} color: red;
.headline {
} color: green;
#main-headline { } color: blue;
</ style> </head></style>

<h1>Frontend</h1>

<h1 class=”headline”>Frontend</h1> <h1 id=”main-headline ”>Frontend</h1>

Answer 26

<. head> <style>
h1 {
} color: red;
.headline {
} color: green;
#main-headline { } color: blue;
</ style> </head></style>

<h1>Frontend</h1>

<h1 class=”headline”>Frontend</h1> <h1 id=”main-headline ”>Frontend</h1>

Question 27

Vilka 4 olika delar har vi här?

h1 {
font-family: arial;
background-color: red;
color: yellow;
}

Answer 27

Selector, Property, value och deklaration

Question 28

Var ligger padding i elementet?

Answer 28

inuti

Question 29

Var ligger margin i elementet?

Answer 29

Längst ut

(mellan)

Question 30

Hur skriver du ut 3 collumer i html?

Answer 30

grid-template-columns: 1fr 1fr 1fr;

Question 31

Hur gör man 2 rader i html med ett system som finns i HTML ?

Answer 31

grid-template-rows: 1fr 1fr;

Question 32

Vad händer här?

grid-template-rows: 1fr 1fr;
gap: 60px;

Answer 32

blir 60px mellanrum mellan rowsen

Question 33

Hur gömmer man ett elemnt i css/html?

Answer 33

style =”display: none;”