Per esercitarmi sto facendo un e sercizio dove inserisco il colore dei capelli ,quello degli occhi e la data di nascita in alcune text.Il problema che ho è che mi viene visualizzato solo il risultato della data di nascita.Vi posto il codice:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Untitled Page</title>
<script language="javascript" type="text/javascript">
<!--
var capelli ;
var occhi;
var data_nascita ;
var giorno_nascita;
var datanscita;
var sdata;

document.write(document.f1.tcapelli.value);
document.write(document.f1.tocchi.value);


function giorno()
{


       sdata = document.f1.tdata.value.split("/");
    datanascita = new Date(sdata[2],sdata[1]-1,sdata[0]);
    giorno_nascita=datanascita.getDay();
switch(giorno_nascita){
	case 0:
	document.write("Il giorno della tua nascita è:Domenica
");
           

	break;
	case 1:
	document.write("Il giorno della tua nascita è:Lunedi");
	break;
	case 2:
	document.write("Il giorno della tua nascita è:Martedi");
	break;
	case 3:
	document.write("Il giorno della tua nascita è:Mercoledi");
	break;
	case 4:
	document.write("Il giorno della tua nascita è:Giovedi");
	break;
	case 5:
	document.write("Il giorno della tua nascita è:Venerdi");
	break;
	case 6:
	document.write("Il giorno della tua nascita è:Sabato");
	break;
	}
	
           }
//-->
</script>
    
</head>
<body>
<form method="post" action="giorno_nascita.html" name="f1">

Colore dei tuoi capelli:<input type="text"  id="tcapelli"  />

Colore dei tuoi occhi:<input type="text"  id="tocchi" />

Inserisci la tua data di nascita:
<input type="text" id="tdata" />


<input type="Submit" value="Calcola"  onClick="giorno();" />


</form>

</body>
</html>
Non riesco a capire perchè la semplice istruzione document.write in cima allo script non funziona.