@4pip/

Quiz in HTML

HTML, CSS, JS

Een Quiz in HTML

fork
loading
Files
  • index.html
  • micro.png
  • script.js
  • style.css
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<html>
<style>
  body{margin:20px;
    background-color:lightblue;}
  p{font-size:20px}

  div{
    background-color:black;
    width:120px;height:40px;
    text-allign:center;
    line-height:40px;
    font-size:16px;
    transition:all 2s;}
  div:active{
    background-color:aqua;
    transform:rotate(1800deg);}
</style>

<h1>micro:bit quiz</h1>
<h3>Klik op een zwart veld voor het antwoord</h3>

<p>1.Hoeveel LED lampjes heeft een micro:bit? </p>
<div>25</div>

<p>2.Hoe heet de online programmeer omgeving van de micro:bit?</p>
<div>makecode.com</div>

<p>3.Hoeveel sensoren zitten er in de micro:bit?</p>
<img src="micro.png">
<br><br>
<div>4 stuks</div>

<p>4.Hoeveel knoppen zit er op de micro:bit?</p>
<div>3 stuks</div>

<p>5.Wat vindt jij de fijnste manier om de micro:bit te programmeren?</p>
  <select>
    <option>Kies maar</option>
    <option>Scratch</option>
    <option>MakeCode</option>
    <option>JavaScript</option>
    <option>micropython</option>
    <option>App</option>

</html>
result
console