curtis1000
11/12/2013 - 4:28 AM

The Debugger Statement

The Debugger Statement

<!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>