index.html

<!DOCTYPE html>
<html>
	<head>
		<title>Gradient Creator</title>
		<link rel="stylesheet" type="text/css" href="css/spectrum.css">
		<link rel="stylesheet" type="text/css" href="css/gradientcreator.css">
	</head>
	<body>
		<div>This code is licensed MIT. More info/source: <a href="https://github.com/Squarific/GradientCreator">https://github.com/Squarific/GradientCreator</a></div>
		<div id="gradientcreator"></div>

		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/spectrum.js"></script>
		<script type="text/javascript" src="js/GradientCreator.js"></script>
		<script type="text/javascript">
			var gradientCreator = new GradientCreator(document.getElementById("gradientcreator"));
			gradientCreator.addEventListener("change", function (event) {
		        console.log(event);
		    });
		</script>
	</body>
</html>