Javascript fejl i siden?

Er lige gået i gang med at læse om Javascript og ka ik lige se hvordan der kan være en fejl når jeg har skrevet præcis det samme som der står i den bog jeg læser i...

Her er koden...

<HTML>
<HEAD>
<TITLE>Test...</TITLE>
<script type="text/javascript">
function gotoPage() {
var u = document.getElementByld('username').value;
var p = document.getElementByld('password').value;
window.top.location.href = u + '-' + p +'.html';
}
</script>
</HEAD>
<BODY bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF">

<p>Indtast brugernavn & adgangskode</p>

<input type="text" id="username" size="12"><br>
<input type="password" id="password" size="12">
<input type="button" onclick="gotoPage()" value="Log ind">

</BODY>
</HTML>

Som jeg har forstået siger den der er fejl i "getElementByld" men er ikke sikker....