document.write maakt pagina leeg

[De Mettes]

Dag allen

Ik ben voor het eerst bezig met javascript omdat ik mijn webpagina wil aanpassen als er in een inputveld een waarde veranderd.

Ik wil een berekening doen afhankelijk van de waarde in een inputveld.

tot nu toe heb ik dit

<tr>
   <td><p>Aantal volwassenen:</p></td>
   <td> <input type="text" name="volw" value="2" onChange="veranderd()"/></td>
</tr>
<tr>
   <td><p>Totale Prijs: &euro;
   <script type="text/javascript">
      var totaalPrijs
      totaalPrijs = (document.inschrijving.volw.value * 15) + (document.inschrijving.kinder.value * 12)
     document.write(totaalPrijs);
     function veranderd(){
       var totaalPrijs
       totaalPrijs = document.inschrijving.volw.value * 15
      document.write(totaalPrijs);
     }
</script>

Als ik naar mijn pagina ga wordt de berekening goed uitgevoerd en komt de oplossing waar ik wil.
Maar als de waarde in mijn input veld aanpas dan wordt de berekening uitgevoerd maar krijg ik een blanke pagina met enkel de oplossing ipv dat de waarde aanpast.

Dit lijkt me ergens wel logisch maar heb geen flauw idee hoe het op te lossen.

 

[That Guy]

nou, dit komt omdat je de 'document.write' functie aanroept nadat de pagina is geladen. Ofwel, je wist de pagina en write de nieuwe text.

Wat je wilt is iets updaten. Ik heb een artikel geschreven hierover: http://www.helpmij.nl/forum/showthread.php?t=410639 (kijk onder DOM-manipulatie).


:thumb:

 

[De Mettes]

Bedankt voor je uitleg.

Ik heb het eens doorgelezen en snap het wel met de tekst er in maar nu zou ik de inhoud van een input veld willen door sturen naar de functie en zo de berekening doen.


edit: probleem is opgelost bedankt