Fråga? — webForum

Krille29Medlem sedan dec. 200218 inlägg

29 dec. 2002 20:16#1

Hej!

Jag vill skapa ett script som vid knapptryckning "Räkna" beräknar det totala priset för en stugbokning:

De förutsättningar som råder gäller enligt nedan:

Pris på stugbokning för vuxen:

Stuga A = 2000:- Stuga B= 1600:- Stuga C= 1000:-

Pris på stugbokning för barn:

Stuga A = 1100:- Stuga B= 800:- Stuga C= 500:-

Priset varierar beroende på vilken vecka man bokat enligt följande:

Vecka 1 Rabatt = 0%
Vecka 2 Rabatt = 5%
Vecka 3 Rabatt = 30%
Vecka 4 Rabatt = 15%

Peter SMedlem sedan dec. 20025 483 inlägg

29 dec. 2002 22:23#2

Följande kanske tillfredsställer dina behov:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<title>Stugbokning</title>

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

function getDiscount(e){
	for(var i=0; i<e.elements.length; i++){
		if(e.elements[i].type=="radio" && e.elements[i].checked)
			return 1-(parseFloat(e.elements[i].value));
	}

	return 1;
};

function calculate(o){
	var discount = getDiscount(o);
	var resultat, total = 0;

	for(var i=0; i<o.elements.length; i++){
		if(o.elements[i].name=="result")
			resultat = o.elements[i];
		if(! (isNaN(o.elements[i].value) || o.elements[i].type=="submit" || o.elements[i].name=="result" || o.elements[i].type=="radio"))
			total += o.elements[i].value*parseFloat(o.elements[i].name);
	}

	resultat.value = discount*total;
};

//-->
</script>

</head>

<body>

<form onsubmit="calculate(this); return false;" action="">

<h2>Vuxna:</h2>
<div>Stuga A - 2000 kr: <input type="text" name="2000" /> Stuga B - 1600 kr: <input type="text" name="1600" /> Stuga C - 1000 kr: <input type="text" name="1000" /></div>

<h2>Barn:</h2>
<div>Stuga A - 1100 kr: <input type="text" name="1100" /> Stuga B - 800 kr: <input type="text" name="800" /> Stuga C - 500 kr: <input type="text" name="500" /></div>

<h2>Vecka:</h2>
<div>1 <input type="radio" name="week" value="0" /> 2 <input type="radio" name="week" value="0.05" /> 3 <input type="radio" name="week" value="0.3" /> 4 <input type="radio" name="week" value="0.15" /></div>

<hr />

<div><input type="submit" /> <input type="text" name="result" /></div>

</form>

</body>

</html>