html
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
<!DOCTYPE html>
<html>
<head>
<title>Game of Thrones Quiz</title>
<meta charset="UTF-8">
<link href="style.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="main.js"></script>
</head>
<header id="header"><img src="https://i.gifer.com/fetch/w300-preview/08/08e4d75c49cb896598d5413544678b54.gif"></header>
<body>
<div id="easy" class="forms">
<form id="quiz" name="quiz">
<p>What is the original title of the novel series? </p>
<input id="select" type="radio" name="question1" value="1">A song of Ice and Fire<br>
<input id="select" type="radio" name="question1" value="0">A Dance with Dragons<br>
<input id="select" type="radio" name="question1" value="0">The Battle of Five Armies<br>
<p>How many children have Eddard Stark?</p>
<input id="select" type="radio" name="question2" value="0">6<br>
<input id="select" type="radio" name="question2" value="1">5<br>
<input id="select" type="radio" name="question2" value="0">7<br>
<p>How do you call Arya Stark's dance teacher?</p>
<input id="select" type="radio" name="question3" value="0">No one<br>
<input id="select" type="radio" name="question3" value="1">Syrio Forell<br>
<input id="select" type="radio" name="question3" value="0">Daario Naharis<br>
Enter to Rename, Shift+Enter to Preview
css
css
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
body{
background-color: black;
}
header {
margin-left: 30px;
}
.forms{
background-image: url("https://www.publicdomainpictures.net/pictures/70000/nahled/old-parchment.jpg");
margin-left: 10px;
padding: 10px 20px 10px 20px;
border-radius: 20px;
width: 300px;
float: left;
display: box;
}
input {
margin-bottom: 10px;
}
#button {
background: green;
border: none;
border-radius: 5px;
Enter to Rename, Shift+Enter to Preview
js
js
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
function check(){
var correct = 0;
var question1 = document.quiz.question1.value;
var question2 = document.quiz.question2.value;
var question3 = document.quiz.question3.value;
var question4 = document.quiz.question4.value;
var question5 = document.quiz.question5.value;
var question6 = document.quiz.question6.value;
var question7 = document.quiz.question7.value;
var question8 = document.quiz.question8.value;
var question9 = document.quiz.question9.value;
var question10 = document.quiz.question10.value;
var question11 = document.quiz.question11.value;
var question12 = document.quiz.question12.value;
var question13 = document.quiz.question13.value;
var question14 = document.quiz.question14.value;
var question15 = document.quiz.question15.value;
var div1 = document.getElementById("easy");
var div2 = document.getElementById("Submitting");
var div3 = document.getElementById("medium");
var div4 = document.getElementById("hard");
var head = document.getElementById("header");
var score;
var messages = ["You ready for the Session 8!",
"You did well! I'll drink for you!",
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Laufen