colorgame.html

<!DOCTYPE html>
<html>
	<head>
		<title>
		Color Game
		</title>
		<link rel="stylesheet" type="text/css" href="colorgame.css">
	</head>
	<body>
		<audio id="correctSound" src="correct.mp3"></audio>
		<audio id="wrongSound" src="wrong.mp3"></audio>
		<h1>
		Color Guessing Game
		<br>
		<span id="colorDisplay">RGB</span> 
		</h1>
		<div id="messageContainer">
			<button id="resetBtn">Replay</button>
			<span id="message"></span>
			<button id="easyBtn">Easy</button>
			<button id="hardBtn">Hard</button>
		</div>
		<progress id="progress" value="150" max="150"></progress>
		<div id="container">

			<div class="square"></div>
			<div class="square"></div>
			<div class="square"></div>
			<div class="square"></div>
			<div class="square"></div>
			<div class="square"></div>
			<div id="score">0</div>
		</div>
		<script type="text/javascript" src="colorgame.js"></script>
	</body>
</html>