zachfedor/buggy.html

## buggy.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>buggy html</title>

    <script>
      const object = { nested: { state: 'before' } };
      // create a nested object

      console.log(object);
      // output to dev console

      debugger;
      // inspect object.nested.state, see 'before'
      // continue the script through the breakpoint

      object.nested = { state: 'after' };
      // look at console again, still see 'before'
      // even though the nested object has been mutated

      // refresh the page but don't look at the object
      // in the console until after continuing through
      // the breakpoint. see 'after'
    </script>
  </head>
  <body>
    open the dev console
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>buggy html</title>

	<script>
	const object = { nested: { state: 'before' } };
	// create a nested object

	console.log(object);
	// output to dev console

	debugger;
	// inspect object.nested.state, see 'before'
	// continue the script through the breakpoint

	object.nested = { state: 'after' };
	// look at console again, still see 'before'
	// even though the nested object has been mutated

	// refresh the page but don't look at the object
	// in the console until after continuing through
	// the breakpoint. see 'after'
	</script>
	</head>
	<body>
	open the dev console
	</body>
	</html>