Não estou conseguindo fazer com que o meu focus e o blur funcione, fiz um script pra quando clicar na caixa de texto ela muda de cor e tbm muda a cor da font, depois quando sair ela altera de novo. mas não funciona e eu não sei o porque.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Javascript Parte 10</title>
<script type="text/javascript">
function mudarCor(obj,tipo)
{
//Entrada onFocus
if (tipo == 1)
{
obj.style.backagroundColor="#ff0000";
obj.style.color="#ffffff";
}
//Saida onBlur
else if(tipo == 2)
{
obj.style.backagroundColor="#ffffff";
obj.style.color="#000000";
}
}
</script>
</head>
<body>
<form name="cad" action="" method="get">
<label>Nome:</label><br>
<input type="text" name="fnome" size="20" onfocus="mudaCor(this,1)" onblur="mudaCor(this,2)"><br><br>
</form>
</body>
</html>