racinmat/example.html

## example.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<h2>seznam</h2>
	<ul>
		<li>položka</li>
		<li>položka 2</li>
	</ul>

<script type="application/javascript">
	window.onload = function () {
		console.log('onload event triggered');

//using document write after onload creates new html document and wipes out averything rendered before it
//		document.write('	<h2>další seznam</h2> ' +
//				'<ul> ' +
//				'<li>jiná položka</li> ' +
//				'<li>jiná položka 2</li> ' +
//				'</ul>');
//		console.log('html added with document.write');

		var div = document.createElement("div");
		div.innerHTML = '	<h2>další seznam</h2> ' +
				'<ul> ' +
				'<li>jiná položka</li> ' +
				'<li>jiná položka 2</li> ' +
				'</ul>';
		document.body.appendChild(div);
		console.log('html added with createElement');
	};
</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Title</title>
	</head>
	<body>
	<h2>seznam</h2>
	<ul>
	<li>položka</li>
	<li>položka 2</li>
	</ul>

	<script type="application/javascript">
	window.onload = function () {
	console.log('onload event triggered');

	//using document write after onload creates new html document and wipes out averything rendered before it
	// document.write(' <h2>další seznam</h2> ' +
	// '<ul> ' +
	// '<li>jiná položka</li> ' +
	// '<li>jiná položka 2</li> ' +
	// '</ul>');
	// console.log('html added with document.write');

	var div = document.createElement("div");
	div.innerHTML = ' <h2>další seznam</h2> ' +
	'<ul> ' +
	'<li>jiná položka</li> ' +
	'<li>jiná položka 2</li> ' +
	'</ul>';
	document.body.appendChild(div);
	console.log('html added with createElement');
	};
	</script>
	</body>
	</html>