Jak w wybrane miejsce wstawic wynik kodu php, XMLHttpRequest Opcje

[kysiu.pl]

plik: add.php

[HTML] pobierz, plaintext 
<script src="xmlhttp.js" type="text/javascript"></script>
<script>
 
  function calc() {
  frm=document.forms[0]
 
DataToSend = "z=ce"+frm.elements['a'].value; 
 
 
  url="test.php"
 
  xmlhttp.open("POST",url,true);
  xmlhttp.onreadystatechange=function() {
   if (xmlhttp.readyState==4) {
    document.forms[0].elements['total'].value=xmlhttp.responseText
   }
  }
 
 xmlhttp.setRequestHeader('Accept','message/x-formresult')
 xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
 xmlhttp.send(DataToSend);
 
 return false
	}
</script>
 <form action="add.php" method="POST" onsubmit="return calc()">
 <input type=text name=a value=""> <input type=text name=total value="">
 <input type=submit value="Calculate">
 </form>
<b>Tutaj wynik</b>
[HTML] pobierz, plaintext 

plik test.php

[PHP] pobierz, plaintext 
<?php
 
if(!empty($_POST['z'])) {
session_start()
$_SESSION['data'] .= $_POST['z'];
echo $_SESSION['data'];
}
 
?>
[PHP] pobierz, plaintext 

Nie znam sie kompletnie na JS wiec mam pytanie:
Jak zrobic żeby wynik pojawiał się w "Tutaj wynik" a nie w <input type=text name=total value="">.

help

[revyag]

Najlepiej zamknąć to jakimś elementem blokowym i użyć innerHTML.

Kod

function calc() {
    frm=document.forms[0]
    DataToSend = "z=ce"+frm.elements['a'].value;
    url="test.php"
    xmlhttp.open("POST",url,true);
    xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4) {
        document.getElementById("wynik").innerHTML=xmlhttp.responseText
    }
}

[HTML] pobierz, plaintext 
<form action="add.php" method="POST" onsubmit="return calc()">
<input type=text name=a value=""> <input type=text name=total value="">
<input type=submit value="Calculate">
</form>
<div id="wynik">Tutaj wynik</div>
[HTML] pobierz, plaintext