Dynamický text dle formuláře

Prosím o radu:

chtěl bych ve stránkách dynamicky generovat text na základě údajů zvolených ve formuláři – viz níže. Po kliknutí na tlačítko se sice text správně vygeneruje, ale zmizí všechny ostatní prvky na stránce. Lze nějak zařídit, aby byl vygenerovaný text na stránce i s ostatními prvky? (Text by se generoval třeba ve spodní části stránky.) Uvažoval jsem také, že by byly jednotlivé texty v externích souborech .js, aby stránka nebyla příliš velká.

Děkuji moc za odpověď.



<script>
function porovnani(vstup){
mistnost = vstup.mistnost.value;
barva = vstup.barva.value;
if (mistnost=="loznice" && barva=="modra") document.write('Modrá barva je vhodná pro ložnici, protože tato barva uklidňuje.');
if (mistnost=="loznice" && barva=="zluta") document.write('Žlutá barva není vhodná pro ložnici.')
}
</script>

<form onsubmit="return porovnani(this)">

<select name="mistnost" size="1">
<option value="loznice">loznice
<option value="obyvak">obyvak
</select>

<select name="barva" size="1">
<option value="zluta">zluta
<option value="modra">modra
</select>
<br>
Jak je vhodná tato kombinace místnosti a barvy?

<input type="submit" value="porovnej">
</form>