Java Reference
In-Depth Information
The Project: Quiz Ninja
Throughout this topic we will be building an example application called "Quiz Ninja". This
is a quiz application where the aim is for the player to answer questions the real names of
super heores. The quiz application will run in the browswer and use many of the concepts
covered in the topic. At the end of each chapter we will use the skills we have covered in
that chapter to develop the appliation further.
The application will adhere to the good solid principles of three separate web layers and un-
obtrusive JavaScript. This means that we need to keep the HTML, CSS, and JavaScript in
separate files, so let's create those files now.
Create a folder called quiz_ninja and inside create the following files and folders:
• index.htm
• js/scripts.js
• css/styles.css
Add the following code to index.htm:
index.htm
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="A quiz game for ninjas">
<meta name="author" content="DAZ">
<title>Quiz Ninja</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<h1>Quiz Ninja!</h1>
</header>
<script src="js/scripts.js"></script>
