Foros del Web - Tengo el siguiente problema

Hola quisiera saber que esta malo del siguiente codigo:

valida.html

<SCRIPT language=javascript>
function createRequestObject(){
var peticion;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){

peticion = new ActiveXObject("Microsoft.XMLHTTP");
}else{
peticion = new XMLHttpRequest();
}
return peticion;
}

var http = new Array();
function ObtDatos(url){
var act = new Date();
http[act] = createRequestObject();
http[act].open('get', url,true);
http[act].onreadystatechange = function() {
if (http[act].readyState == 4) {
if (http[act].status == 200) {
var texto

texto = http[act].responseText
var DivDestino = document.getElementById("DivDestino");
DivDestino.innerHTML = "<div id='error'>"+texto+"</div>";

}
}alert("internet explorer");
}
http[act].send(null);
}

function compUsuario(Tecla) {
Tecla = (Tecla) ? Tecla: window.event;
input = (Tecla.target) ? Tecla.target :
Tecla.srcElement;
if (Tecla.type == "keyup") {
var DivDestino = document.getElementById("DivDestino");
DivDestino.innerHTML = "<div></div>";
if (input.value) {
ObtDatos("login.php?q=" + input.value);
}
}
}
</SCRIPT>
<STYLE type=text/css>#error {
BORDER-RIGHT: #cc3333 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cc3333 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 35px; PADDING-BOTTOM: 5px; FONT: 10px Verdana, Arial, Helvetica, sans-serif; BORDER-LEFT: #cc3333 1px solid; WIDTH: 300px; COLOR: #990033; PADDING-TOP: 5px; BORDER-BOTTOM: #cc3333 1px solid;
}
</STYLE>

<META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD>
<BODY>
<P>Teclea tu Id de usuario: <INPUT id=textField onkeyup=compUsuario(event)
name=IdUsuarui> </P>
<P><EM>(El usuario juan ya estaria registrado en el sistema) </EM></P>
<DIV id=DivDestino></DIV></BODY></HTML>

login.php

<?php

if ($_GET["q"] == "juan"){
echo "El ID se encuentra ocupado";
}
else {
echo "Puedes utilizarlo";
}
?>

gracias....saludos a todos