game_main.html

<!DOCTYPE html>
<html>
<head>
	
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>The dev-il's game</title>

	<style>
		
		#testDiv{
			min-height: 100px;
			background-color: blue
		}

		#gameCanvasContainer{
			text-align: center;
		}

		#gameCanvas{
			margin:auto;
		}

	</style>

</head>

<body>

	<div id="gameCanvasContainer">

		<!-- <div id="testDiv">This is a test Div</div> -->
		<canvas id="gameCanvas" width = "1200" height = "900"></canvas>

	</div>

	<script src="constants.js"></script>

	<script src="Canvas2D.js"></script>
	<script src="vector2d.js"></script>
	<script src="CueStick.js"></script>
	<script src="ball.js"></script>
	<script src="GameEngine.js"></script>
	<script src="sound.js"></script> 

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