Javascript undefined eltüntetése?

Sziasztok!

Kezdő vagyok a Javascriptben, és lenne egy kódom, viszont mikor lefuttatom működik, jól, viszont 2 hiba van benne.

<form name="kerdessor" action="" onsubmit="return kerdesek()" method="post">

10+20 = <br> <input type="text" name="egy"><br />

<input type="submit" value="Beküldés">

</form>

<script>

egyjo = 30;

function kerdesek() {

egy = document.forms["kerdessor"]["egy"].value;

function ok(){

if(egy==egyjo){

document.write("<font color='green'>",egy,"</font>");

}else{

document.write("<font color='red'>",egy,"</font>");

}

}

document.write(" Válaszod: <br>",ok(),"<br> Helyes válasz: <font color='green'>",egyjo,"</font>");

}

</script>

Itt az a lényeg -lehet meglehetne oldani egyszerűbben-, hogy az első mező el van 'egy'-nek nevezve, és ügye az 'egy' mező értéke egyben egy globális 'egy' változóban van eltárolva, és ha az megegyezik a globális, 'egyjo' változóval, kiírja a választ és a helyes választ is zölddel, ha nem helyes, akkor azt pirossal, míg a helyeset mellé/alá zölddel.

Nos, a hiba:

A kiírás esetén a válasz a 'Válaszod' szó ELÉ kerül, miközben alá kéne, de legalábbis a 'Válaszod' szó UTÁN.

Másik hiba, hogy kiírja, hogy 'undefined', értem, hogy nem definiált, de ezt pontosan, ennél hogy lehetne megoldani?

Előre is köszönöm!