Tenta frågor Flashcards
12 frågor (15 cards)
(5 poäng)
Deklarera variabeln age och tilldela värdet 20
let age = 20;
(5 poäng)
let age = 20;
Skriv ut variabeln i konsolen
console.log(age);
(10 poäng)
let age = 20;
Ändra värdet på variabeln till 21
age = 21;
(5 poäng)
age = 21;
Skriv ut det nya värdet i konsolen
console.log(age);
(5 poäng)
Skriv ett skript som frågar användaren med confirm() om de
är redo att börja programmera.
- Om de trycker “OK”, visa en alert med texten:
- “Härligt!”.
- Om de trycker “Cancel”, visa en alert med texten:
- “Kanske nästa gång!”
let isReady = confirm(“Är du redo att börja programmera?”);
if (isReady) {
alert(“Härligt!”);
} else {
alert(“Kanske nästa gång!”);
}
(10 poäng)
Skriv ett program som tar en temperatur från användaren
(i Celsius) och skriver ut en väderbeskrivning baserat på
följande temperaturintervall:
(Tips: Använd Number() för att konvertera input till number)
let tempInput = prompt(“Ange temperaturen i Celsius:”);
let temperature = Number(tempInput);
if (temperature >= 30) {
alert(“Det är väldigt varmt!”);
} else if (temperature >= 20 && temperature <= 29) {
alert(“Det är varmt.”);
} else if (temperature >= 10 && temperature <= 19) {
alert(“Det är svalt.”);
} else if (temperature >= 0 && temperature <= 9) {
alert(“Det är kallt.”);
} else {
alert(“Det är mycket kallt!”);
}
(5 poäng)
Skriv en For-loop som skriver ut talen från 1 till 10 i konsollen
for (let i = 1; i <= 10; i++) {
console.log(i);
}
(5 poäng)
Vad kommer alertas?
let j = 15;
while (j) {
alert(j); // 15 12 9 6 3
j -= 3;
}
15, 12, 9, 6, 3
(10 poäng)
Skriv en funktion factorial(n) som beräknar fakulteten av ett tal n med hjälp av en for-loop.
Exempel:
factorial(4); // 24 (1 * 2 * 3 * 4)
function factorial(n) {
// Startvärde för resultatet
let result = 1;
// For-loop för att multiplicera talen från 1 till n
for (let i = 1; i <= n; i++) {
result *= i;
}
return result;
}
(5 poäng)
Vad loggas ut?
function greet(name) {
return “Hello, “ + name;
}
function exclaim(statement) {
return statement + “!”;
}
function question(statement) {
return statement + “?”;
}
const result = question(exclaim(greet(“Bruce Lee”)));
console.log(result);
Hello, Bruce Lee!?
(15 poäng)
Skapa en funktion countBananas(fruits) som tar en array
med frukter och räknar hur många bananer det finns i
arrayen.
function countBananas(fruits) {
let count = 0; //
for (let fruit of fruits) {
if (fruit === “banan”)
count++; //
}
}
return count;
}
const fruits = [“äpple”, “banan”, “apelsin”, “banan”];
const count = countBananas(fruits);
console.log(count);
(10 poäng)
Du ska logga ut hela namnet från ett person objekt. Skriv
funktionen printFullName(obj)
(Tips: Använd destructuring)
function printFullName({ firstName, lastName }) {
console.log(${firstName}, ${lastName});
}
const user = {
firstName: “Eva”, // Förnamn
lastName: “Johansson”, // Efternamn
age: 28, // Ålder
city: “Göteborg”, // Stad
};
printFullName(user);
(15 poäng)
Skriv en funktion getAdolescents(ages) som tar en array
med åldrar och returnerar en array med åldrarna på de som
är yngre eller lika med 18.
Tips: Använd [].filter(function () { … })
Exempel:
const ages = [87, 23, 65, 31, 12, 5, 72];
const retired = getRetired(ages);
console.log(retired); // [12, 5]
const getAdolescents = (ages) => ages.filter(age => age <= 18);
const ages = [87, 23, 65, 31, 12, 5, 72];
const adolescents = getAdolescents(ages);
console.log(adolescents);
(5 poäng)
Givet följande html, plocka ut <div> och lägg till ett O
(Tips: Använd innerHTML och document.querySelector())
<body>
<section>
<div></div>
</section>
</body>
let divElement = document.querySelector(‘.tile’);
divElement.innerHTML = “O”;
(15 poäng)
Givet följande html, plocka ut <div> och lägg till en
eventLyssnare som loggar ut ändrar färgen på O:et när
någon klickar på diven.
Tips: Använd
- document.querySelector()
- addEventListener(function () { … })
<body>
<section>
<div>O</div>
</section>
</body>
<!DOCTYPE html>
<html>
<head>
<meta></meta>
<title>Ändra färg på klick</title>
</head>
<body>
<section>
<div>O</div>
</section>
<script>
let divElement = document.querySelector(".tile");
divElement.addEventListener("click", function () {
divElement.style.color = getRandomColor();
console.log("O:et ändrar färg!");
});
function getRandomColor() {
const letters = "0123456789ABCDEF";
let color = "#";
for (let i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
</script>
</body>
</html>
