Untitled

<!DOCTYPE html>
<html>
<head>
<title>Generator</title>
<meta charset="utf-8">
</head>
<body id = "page">
<script type="text/javascript" src="js/generator.js">

window.onload = function () {
var body = document.getElementById("page");
var h1 = document.createElement("h1");
h1.innerHTML = "My Generated Document";
body.appendChild(h1);
var para1 = document.createElement("p");
para1.id = "para1";
para1.innerHTML = "Lorem ipsum jibba jabba";
body.appendChild(para1);
var p = document.createElement("p");
p.innerHTML = "Curabitur blah blah";
body.appendChild(p);
var ul = document.createElement("ul");
var li1 = document.createElement("li");
li1.className = "fav";
li1.innerHTML = "One";
ul.appendChild(li1);
var li2 = document.createElement("li");
li2.className = "fav";
li2.innerHTML = "Two";
ul.appendChild(li2);
var li3 = document.createElement("li");
li3.className = "fav";
li3.innerHTML = "Three";
ul.appendChild(li3);
var li4 = document.createElement("li");
li4.className = "fav";
li4.innerHTML = "Four";
ul.appendChild(li4);
var li5 = document.createElement("li");
li5.innerHTML = "Five";
ul.appendChild(li5);
ul.insertBefore(li4, ul[3]);
body.appendChild(ul);

}

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