Scribd
Upload
9 views1 page

Quiz

This document is an HTML template for an EGCSE Agriculture Paper 1 quiz game. It includes a category selector for quiz topics, a quiz container with a title and buttons for submitting, retrying, and showing answers. The document links to a CSS stylesheet for styling and a JavaScript file for functionality.

Uploaded by

Sicelo Dlamini
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
9 views1 page

Quiz

This document is an HTML template for an EGCSE Agriculture Paper 1 quiz game. It includes a category selector for quiz topics, a quiz container with a title and buttons for submitting, retrying, and showing answers. The document links to a CSS stylesheet for styling and a JavaScript file for functionality.

Uploaded by

Sicelo Dlamini
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html>
<head>
<title>EGCSE Agriculture Paper 1 - Quiz Game</title>
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="https://i.ibb.co/M6KTWnf/pic.jpg" />
</head>
<body>

<!-- Logo -->


<div style="text-align: center; margin-top: 20px;">
<img src="logo.png" alt="Quiz Game Logo" style="width: 120px; height: auto;">
</div>

<!-- Category Selector -->


<div style="text-align: center; margin: 20px 0;">
<label for="category">Choose a quiz topic:</label>
<select id="category">
<option value="agriculture">Agriculture</option>
<option value="biology">Biology</option>
<option value="general">General Science</option>
</select>
</div>

<!-- Quiz Container -->


<div class="container">
<h1 style="margin-bottom: 2px;">EGCSE Agriculture Paper 1 - Quiz Game</h1>
<h4 style="margin-top: 0px;">20 Questions</h4>

<div id="quiz"></div>
<div id="result" class="result"></div>

<button id="submit" class="button">Submit</button>


<button id="retry" class="button hide">Retry</button>
<button id="showAnswer" class="button hide">Show Answer</button>
</div>

<script src="script.js"></script>
</body>
</html>

You might also like