HTML
Hvilket HTML-tag bruges til at lave en paragraf?
<p>
Hvilken CSS-egenskab ændrer tekstfarven?
color
Hvad gør dette kode?
document.getElementById("overskrift")
Henter elementet med ID'et overskrift
Hvad udskrives?
if (5 > 3) {
console.log("Ja");
}
Ja
Hvilket sprog bruges til at lave strukturer/elementer på hjemmesider?
HTML
Hvilket HTML-element bruges til at vise et billede på en webside?
<img>
Hvordan vælges alle <p>-elementer i CSS, så man kan ændre deres style?
p {
}
Hvad sker der når knappen klikkes?
<button onclick="alert('Hej')">
Klik
</button>
En popup/alert hvor der står hej kommer frem.
Hvad udskrives?
B
Hvilket sprog bruges til at style hjemmesider?
CSS
Hvilket attribut bruges til at angive destinationen for et link?
href
Hvad gør denne CSS?
display: none;
Skjuler elementet.
Hvad bliver output?
let navn = "NVG";
console.log(navn);
NVG
Hvad udskrives?
for (let i = 0; i < 3; i++) {
console.log(i);
}
0
1
2
Hvilket sprog bruges typisk til at gøre websider interaktive?
JavaScript
Hvad bliver vist på siden?
<h1>Hej</h1>
<p>Verden</p>
Overskrift med "Hej", paragraf med "Verden.
Hvad gør dette CSS kode?
p {
color: red;
}
Gør paragraffernes tekstfarve rød.
Hvad gør koden når man trykker på knappen?
<button onclick="hej()">
Skjul
</button>
<p id="tekst"></p>
<script>
function hej() {
document.getElementById("tekst").innerHTML
= "hej";
}
</script>
Skriver hej i paragraffen/på skærmen.
Hvad udskrives?
let sum = 0;
for (let i = 1; i <= 3; i++) {
sum += i;
}
console.log(sum);
6
Hvad hedder modellen over arkitektur på websider i har lært om?
3-lags model/struktur.
Hvad mangler?
<!DOCTYPE html>
<html>
<body>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.<p>
</body>
</html>
<head> tag eller / i sidste p tag godtages som svar.
Hvad bliver bredden af elementet?
div {
width: 200px;
padding: 20px;
}
200px
Hvad sker der ved klik på knappen?
<button onclick="skjul()">
Skjul
</button>
<script>
function skjul() {
document.body.style.display = "none";
}
</script>
Body/siden skjules.
Hvad udskrives?
let x = 1;
while (x < 10) {
x = x * 2;
}
console.log(x);
16
Hvad bliver outputtet?
<p id="tekst">Hej</p>
<script>
document.getElementById("tekst").innerHTML = "Farvel";
</script>
Teksten på siden ændres til Farvel