Winst/verlies realtime uitrekenen

Door Victor Php op 13-07-2012 22:41 gewijzigd op 13-07-2012 22:46

1.303 views

Hallo allemaal,

Ik heb een vraagje. Ik wil graag een script maken dat realtime de winst/verlies die er word gemaakt uitrekent.

Er zijn 4 input velden. 3 voor de prijzen (1e prijs, 2e prijs en 3e prijs) en een veld met het inschrijfgeld. De organisator van de wedstrijd moet die prijzen bepalen. Het is dan de bedoeling dat hij/zij onderaan de pagina ziet hoeveel winst/verlies hij/zij maakt en dat realtime.

Ik weet niet of dit met javascript of jQuery moet en heb al een aardig poosje op internet zitten kijken. Alle scripts die ik tot nu toe gevonden heb voldoen niet helemaal. Bij velen zie ik namelijk dat je op een knop moet drukken om het uit te rekenen en dat wil ik niet.

Hopelijk kan iemand mij hier mee helpen of me op weg helpen.

Groeten,

Victor

Ger van Steenderen

14-07-2012 10:35

[code]
<script>
cntCompetitors = 50;
function calcProfit() {
document.getElementById("profit").innerHTML =
cntCompetitors * document.getElementById("fee").value -
document.getElementById("fstPrice").value -
document.getElementById("sndPrice").value -
document.getElementById("trdPrice").value;
}
</script>
<input type="text" name="fstPrice" id="fstPrice" onChange="calcProfit()" />
// dit voor alle andere inputs
</script>

V Victor Php

14-07-2012 10:56 gewijzigd op 14-07-2012 11:23

Bedankt! Ik ga het proberen.

-Edit-

Het wil niet werken. Ik snap er niet veel van, maar heb met behulp van internet wel bekeken wat wat is. Profit dacht ik dat een input was waarin je de winst/verlies kan zien. Alleen gebeurt er niks. Doe ik nu iets fout?

Is het ook mogelijk om cntCompetitors te automatiseren? Ik heb een select dropdown met 6, 12 en 22 deelnemers. Om de wedstrijd te kunnen starten moeten er minimaal de helft zijn.


cntCompetitors = 50;
function calcProfit() {
    document.getElementById("profit").innerHTML =
        cntCompetitors * document.getElementById("inleg").value -
        document.getElementById("prijs1").value -
        document.getElementById("prijs2").value -
        document.getElementById("prijs3").value;
}


	Prijs (1e plaats):<br />
	<input type="text" id="prijs1" onChange="calcProfit()" name="prijs1" /><br /><br />
	
	Prijs (2e plaats):<br />
	<input type="text" id="prijs2" onChange="calcProfit()" name="prijs2" /><br /><br />
	
	Prijs (3e plaats):<br />
	<input type="text" id="prijs3" onChange="calcProfit()" name="prijs3" /><br /><br />
	
	<strong>Inschrijfgeld:</strong><br />
	<input type="text" id="inleg" onChange="calcProfit()" name="inleg" /><br /><br />
	
	<input type="submit" name="wedstrijdstarten" value="Organiseer!" />
	
	<input type="text" name="profit" id="profit" />

Ger van Steenderen

14-07-2012 11:35

Ik ben er vanuit gegaan dat profit een span was. Een input heeft geen innerHTML.
Zoals je van een input de waarde (value) kunt opvragen, kan je dat dus ook met een select.

V Victor Php

14-07-2012 11:44 gewijzigd op 14-07-2012 11:51

Ger van Steenderen op 14/07/2012 11:35:02

Ik ben er vanuit gegaan dat profit een span was. Een input heeft geen innerHTML.
Zoals je van een input de waarde (value) kunt opvragen, kan je dat dus ook met een select.

Okee, ik heb het geprobeerd, maar er komt geen output.
Hoe moet ik de span neerzetten. Gewoon zo toch?

<span id="profit"></span>

-Edit-

Het is gelukt met de volgende code:


	Prijs (1e plaats):<br />
	<input type=\"text\" id=\"prijs1\" onChange=\"calculate()\" name=\"prijs1\" /><br /><br />
	
	Prijs (2e plaats):<br />
	<input type=\"text\" id=\"prijs2\" onChange=\"calculate()\" name=\"prijs2\" /><br /><br />
	
	Prijs (3e plaats):<br />
	<input type=\"text\" id=\"prijs3\" onChange=\"calculate()\" name=\"prijs3\" /><br /><br />
	
	<strong>Inschrijfgeld:</strong><br />
	<input type=\"text\" id=\"inleg\" onChange=\"calculate()\" name=\"inleg\" /><br /><br />
	
	<input type=\"submit\" name=\"wedstrijdstarten\" value=\"Organiseer!\" />
	
	<input type=\"total\" id=\"total\" name=\"total\" />


<script>
function calculate(){

var total = document.getElementById('maxaantal').value * document.getElementById('inleg').value - document.getElementById('prijs1').value - document.getElementById('prijs2').value - document.getElementById('prijs3').value;
document.getElementById('total').value = total;
}
</script>

Reageren

Inloggen om te reageren