davestevens/why.js

## why.js
<html>

<head>
  <script src="jquery.min.js"></script>
  <script>
var rah;
var output = [];
/* i would assume that output would be the same as input
   but the outcome is the a->a2->a3->a4 rather than a->a2, a->a3, a->a4
*/
function test() {
    var input = '[{"name":"a","kind":"class","child":[{"name":"a2","kind":"class"},{"name":"a3","kind":"class"},{"name":"a4","kind":"class"}]}]';
    rah = JSON.parse(input);

    $(rah).each(function() {
	    switch($(this).attr('kind')) {
	    case 'class':
		addClass($(this), output);
		break;
	    default:
		console.log('unknown: ' + $(this).kind);
		break;
	    }
	});
}

function addClass(c, p) {
    var ac = new element($(c).attr('name'));
    p.push(ac);
    $($(c).attr('child')).each(function() {
	    switch($(this).attr('kind')) {
	    case 'class':
		addClass($(this), ac['child']);
		break;
	    default:
		console.log('unknown: ' + $(c).kind);
		break;
	    }
	});
}

function element(name) {
    this.name = name;
    this.child = [];
}

  </script>

</head>

<body>
</body>

</html>
	<html>

	<head>
	<script src="jquery.min.js"></script>
	<script>
	var rah;
	var output = [];
	/* i would assume that output would be the same as input
	but the outcome is the a->a2->a3->a4 rather than a->a2, a->a3, a->a4
	*/
	function test() {
	var input = '[{"name":"a","kind":"class","child":[{"name":"a2","kind":"class"},{"name":"a3","kind":"class"},{"name":"a4","kind":"class"}]}]';
	rah = JSON.parse(input);

	$(rah).each(function() {
	switch($(this).attr('kind')) {
	case 'class':
	addClass($(this), output);
	break;
	default:
	console.log('unknown: ' + $(this).kind);
	break;
	}
	});
	}

	function addClass(c, p) {
	var ac = new element($(c).attr('name'));
	p.push(ac);
	$($(c).attr('child')).each(function() {
	switch($(this).attr('kind')) {
	case 'class':
	addClass($(this), ac['child']);
	break;
	default:
	console.log('unknown: ' + $(c).kind);
	break;
	}
	});
	}

	function element(name) {
	this.name = name;
	this.child = [];
	}

	</script>

	</head>

	<body>
	</body>

	</html>