Javascript-форум - window.onload

Добрый день!
Только начинаю учить js и сразу же столкнулся с проблемой. подскажите почему не работает window.onload. вроде делаю все как в книжке а у мя не работает
//---------

<html >
	<head>
		<title>Не знаю что получится</title>
		<link rel ='stylesheet' type = 'text/css' href = "default.css">
		<script type="text/javascript"  src="wer.js"></script>
	</head>
		<body>
			<p id = 'hello'> hello</p>
			<div id = 'empty'/>
		</body>
</html>

//-----wer.js

window.onload=function(){
alert("Давай работай1");
var  hello = document.getElementById('hello');
hello.className='declared'; 

addNode(empty, 'один');
addNode(empty, 'два');

var children = empty.childNodes;

for(var i=0; i<children.length;i++)
{
	children[i].className='programmed';
}

empty.style.border="solid green 2px";
empty.style.width="300px"'
}

function addNode(el,text){
var childEl = document.createElement("div");
el.appendChild(childEl);
var txtNode = decument.cteateTextNode(text);
childEl.appendChild(txtNode);
}

<html > <head> <title>Не знаю что получится</title> <link rel ='stylesheet' type = 'text/css' href = "default.css"> <script type="text/javascript" > window.onload=function(){ alert("Давай работай1"); var hello = document.getElementById('hello'); hello.className='declared'; addNode(empty, 'один'); addNode(empty, 'два'); var children = empty.childNodes; for(var i=0; i<children.length;i++) { children[i].className='programmed'; } empty.style.border="solid green 2px"; empty.style.width="300px"; } function addNode(el,text){ var childEl = document.createElement("div"); el.appendChild(childEl); var txtNode = decument.cteateTextNode(text); childEl.appendChild(txtNode); } </script> </head> <body> <p id = 'hello'> hello</p> <div id = 'empty'/> </body> </html>