vermenigvuldigen

[patje8]

Ik heb een form gemaakt maar het lukt me niet op de vermenigvuldiging te laten verschijnen.

Het is de bedoeling dat hij het getal in aantal pers. >1m x 33 doet en dit getal laat verschijnen in het totaal textveld wanneer men naar het volgende textveld gaat.

Dit heb ik al:

<script type="text/javascript">
<!--

function bereken()
{
  var getal_1 = document.getElementById('pers').value;
  var getal_2 = 33;
  

  alert('Resultaat is: ' + (getal_1 * getal_2));
}

//-->
</script>



  <table>
    <form action="mailform.php" method="post">
    <tr>
    <td>Naam:</td>
    <td><input type="text" name="naam" value=""></td>
    </tr>
    <tr>
    <td>Email:</td>
    <td><input type="text" name="email" value=""></td>
    </tr>
    <tr>
    <td>Aantal pers. >1m:</td>
	<td><input type="text" name="pers" value=""> x 33€
    </tr>
    <tr>
    <td>Aantal pers. <1m:</td>
	<td><input type="text" name="persg" value=""> x 0€</td>
    </tr>
    <tr>
	<td>Totaal:</td>
	<td><input type="text" name="tot" value=""></td>
    </tr>
    <tr>
    <td><input type="submit" value="verzenden"></td>
    <td><input type="reset" value="wis"></td>
    </tr>
  </table>

 

[ErikBooy007]

Er is geen element met id="pers" alleen name="pers"

als je er dit van maakt, zal het wel opgelost zijn:

<input type="text" name="pers" id="pers" value="">

 

[patje8]

Hij doet helemaal niets, het totaal bedrag komt er nog steeds niet in.

 

[ErikBooy007]

Euhm ja, nou ik nog eens kijk is dat ook niet zo gek, je roept de functie nergens aan...

Maak van:

<input type="text" name="pers" value="">

/* en */

<input type="text" name="tot" value="">

eens:

<input type="text" name="pers" id="pers" onblur="bereken()" />

/* en */

<input type="text" name="tot" id="tot" value="">

En dan maak je van:

[JS]
<script type="text/javascript">
<!--

function bereken()
{
var getal_1 = document.getElementById('pers').value;
var getal_2 = 33;


alert('Resultaat is: ' + (getal_1 * getal_2));
}

//-->
</script>
[/JS]

[JS]<script type="text/javascript">
<!--

function bereken ( ) {
var getal_1 = document.getElementById( 'pers' ).value;
var getal_2 = 33;

document.getElementById( 'tot' ).value = getal_1 * getal_2;
}

//-->
</script>
[/JS]

 

[patje8]

Dankuwel, het is gelukt :thumb:

 

[ErikBooy007]

Zeg maar je hoor. Ik denk niet dat ik veel ouder ben dan jij / u