Afficher une variable JS dans la partie html

Bonjour,

Je voudrais adapter un jeu pour mes petits enfants, mais en évitant l'alert et en faisant un affichage direct du résultat sur la page. Mais étant assez novice je cherche depuis deux jours sans trouver de solution:

Dans mon head:
var result = " Partie en cour !"
var wn = 0;
var ls = 0;
document.game.toi.value = wn;
document.game.lui.value = ls;

puis

function process() {
logicOne();
if (all==1){var result = "Bravo, tu as gagné !";alert(result); wn++;
}
if (all==2){var result = "Sniff, tu as perdu !";alert(result); ls++;
}
if (all==3){var result = "C'est un match nul !";alert(result);
}
if (all!=0) {
document.game.toi.value = wn;
document.game.lui.value = ls;
}

}

c'est là que je voudrais enlever les alert

puis dans le body

<table border="0" width="100%">
<tr>
<td width="25%" height="25"></td>
<td width="27%" height="25"><font face="Arial" color="#0080FF"><strong><small><input
type="text" size="2" name="toi"> <bgcolor="#C0C0C0">TOI</small></strong></font></td>
<td width="26%" height="25"><p align="right"><font face="Arial" color="#0080FF"><strong><small>LUI
 <bgcolor="#C0C0C0"><font face="Arial" color="#0080FF"><input type="text" size="2" name="lui"></font></small></strong></font></td>
<td width="22%" height="25"></td>
</tr>
<tr>
<td width="25%" height="25"></td>
<td width="53%" height="25" colspan="2"><p align="center"><strong><input type="text"
name="result" value size="30"></strong></td>
<td width="22%" height="25"><p align="center"><input type="button" value="Rejouer"
onClick="reset();"> </td>
</tr>
<tr>
<td width="25%" height="50"></td>
<td width="53%" height="50" colspan="2"></td>
<td width="22%" height="50"></td>
</tr>
</table>

Je n'arrive pas à trouver la solution. J'ai essayé de mettre la variable result sous forme document mais rien ne s'affiche avec l'erreur "a la valeur Null ou n'est pas un objet"

Merci beaucoup si quelqu'un peut rectifier mes maladresses.