curtis1000/debugger.html

## debugger.html
<!DOCTYPE html>
<html>
<head>
    <title>The JS Debugger</title>
</head>
<body>
<h1>JS Debugger</h1>
<p>You must have your browser's web inspector open in order to see debugger breakpoints.</p>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        var colors = ['red','lightblue','yellowgreen','turquoise'];
        for (var i=0; i < colors.length; i++) {
            debugger;
            $('body').css({"background-color": colors[i]});
        }
    });
</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>The JS Debugger</title>
	</head>
	<body>
	<h1>JS Debugger</h1>
	<p>You must have your browser's web inspector open in order to see debugger breakpoints.</p>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script>
	$(document).ready(function() {
	var colors = ['red','lightblue','yellowgreen','turquoise'];
	for (var i=0; i < colors.length; i++) {
	debugger;
	$('body').css({"background-color": colors[i]});
	}
	});
	</script>
	</body>
	</html>