joechan3/loopingJSObjects.html

## loopingJSObjects.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
	<title>JavaScript And JSON</title>
</head>
<body>
<h2>Links</h2>
<ul id="links">
</ul>


<script>

var info = {
"full_name" : "Ray Villalobos",
"title" : "Staff Author",
"links" : {
    "blog"     : "http://iviewsource.com",
    "facebook" : "http://facebook.com/iviewsource",
		"youtube"  : "http://www.youtube.com/planetoftheweb",
		"podcast"  : "http://feeds.feedburner.com/authoredcontent",
		"twitter"  : "http://twitter.com/planetoftheweb"
	}
};

var output = "";

for ( key in info.links ) {
	if (info.links.hasOwnProperty(key)) {
		output += '<li>' +
		'<a href = "' + info.links[key] +
		'">' + key + '</a>' +
		'</li>';
	} //if the links has the key property
} // for...go through each link

var update = document.getElementById('links');
update.innerHTML = output;


</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>JavaScript And JSON</title>
	</head>
	<body>
	<h2>Links</h2>
	<ul id="links">
	</ul>


	<script>

	var info = {
	"full_name" : "Ray Villalobos",
	"title" : "Staff Author",
	"links" : {
	"blog" : "http://iviewsource.com",
	"facebook" : "http://facebook.com/iviewsource",
	"youtube" : "http://www.youtube.com/planetoftheweb",
	"podcast" : "http://feeds.feedburner.com/authoredcontent",
	"twitter" : "http://twitter.com/planetoftheweb"
	}
	};

	var output = "";

	for ( key in info.links ) {
	if (info.links.hasOwnProperty(key)) {
	output += '<li>' +
	'<a href = "' + info.links[key] +
	'">' + key + '</a>' +
	'</li>';
	} //if the links has the key property
	} // for...go through each link

	var update = document.getElementById('links');
	update.innerHTML = output;


	</script>
	</body>
	</html>