console/group.html

<html>
<head>
  <meta charset="utf8">

<title>console.group</title>

<script type="text/JavaScript">
<!--


var out;

function bar(i) {

  console.group('g_bar');
  for (var j=0; j < i*3; j++) {
    console.log('j=' + j);
  }
  console.groupEnd('g_bar');
  
}

function foo() {

  console.group('g_foo');

  for (var i=0; i<3; i++) {

    console.log('i='+i);
    bar(i);

  }

  console.groupEnd('g_foo');
  
}

function main() {

  out = document.getElementById('out');
  foo();

}

//-->

</script>
</head>
<body onload='main()'>

  <div id='out'>
  </div>


</body>
</html>