Hallo,
ich habe von der Schule aus den Auftrag eine dynamische Webseite zu gestalten, die die Kosten für eine Bestellung bei einem Pizza-Lieferservice ermittelt.
Hierbei sollen Größe, Beläge und Lieferoption gewählt werden.
Da wir noch ziemlich am Anfang sind mit Webseiten und bisher nichts mit Preise berechnen gemacht haben,
habe ich große Probleme damit die variablen in der function zu definieren und die Formel mit der ich meinen Gesamtpreis ausgeben kann zu bestimmen.
Ich hoffe jemand kann mir helfen, da ich wirklich verzweifelt bin.:(:(
Ich bin noch total unerfahren also bitte habt ein wenig Nachsicht mit mir:)
Mein Quelltext dazu sieht folgendermaßen aus:
<title>Bestellung</title>
<meta name="author" content="Tamara">
<meta name="editor" content="html-editor phase 5">
<script language="JavaScript">
function berechnePreis(){
preis;
if(document.bestellung.Groesse.value==0){
preis = 4.50;
}
else{
if(document.bestellung.Groesse.value==1){
preis = 6.00;
}
else{
preis = 8.00;
}
}
if(document.bestellung.Pilze.checked==true){
preis = preis + 0.5/1;
}
if(document.bestellung.Salami.checked==true){
preis = preis + 0.8/1;
}
if(document.bestellung.Schinken.checked==true){
preis = preis + 1/1;
}
if(document.bestellung.Artischocken.checked==true){
preis = preis + 1.2/1;
}
if(document.bestellung.Peperoni.checked==true){
preis = preis + 0.8/1;
}
if(document.bestellung.Zwiebeln.checked==true){
preis = preis + 0.5/1;
}
if(document.bestellung.Thunfisch.checked==true){
preis = preis + 1.2/1;
}
if(document.bestellung.Meeresfrüchte.checked==true){
preis = preis + 2/1;
}
if(document.bestellung.Sardellen.checked==true){
preis = preis + 1.5/1;
}
if(document.bestellung.Lieferoption.value==0){
preis = preis * 0.9;
}
else{
if(document.bestellung.Lieferoption.value==1){
preis = preis * 1.1;
}
else{
preis = preis * 1.15;
}
}
document.bestellung.endpreis.value=preis;
window.alert("Der Preis beträgt: " + preis + "Euro");
}
</script>
</head>
<body text="#000000" bgcolor="#FCE89C" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<form name="bestellung">
<img src=C:\Users\Tamara\Desktop/pizza.jpg width="1325" height="307"><br>
<table border=2>
<tr>
<td><a href=pizzapalace.html>Home</a></td>
<td><a href=restaurant.html>Restaurant</a></td>
<td><a href=bestellung.html><b>Bestellung</b></a></td>
</tr>
</table>
<h1>Hier können Sie Ihre Wunschpizza bestellen:</h1><br><br>
<h2>Größe:</h2>
<table border=2>
<tr>
<td>Piccolo</td>
<td>20cm</td>
<td>4,50</td>
</tr>
<tr>
<td>Medio</td>
<td>26cm</td>
<td>6,50</td>
</tr>
<tr>
<td>Grande</td>
<td>36cm</td>
<td>8,00</td>
</tr>
</table>
<h4><i>*einschließlich Käse und Tomaten als Belag</i></h4><br><br>
<h2>Bitte wählen Sie Ihre gewünschte Größe:</h2>
<select name="Groesse" size="3">
<option value=0>Piccolo</option>
<option value=1>Medio</option>
<option value=2>Grande</option>
</select>
<h2>Wählen Sie Ihre gewünschten Beläge:</h2>
<table border=2>
<tr>
<td>Pilze</td>
<td>0,50</td>
<td><input type="checkbox" name="Pilze"></td>
</tr>
<tr>
<td>Salami</td>
<td>0,80</td>
<td><input type="checkbox" name="Salami"></td>
</tr>
<tr>
<td>Schinken</td>
<td>1,00</td>
<td><input type="checkbox" name="Schinken"></td>
</tr>
<tr>
<td>Artischocken</td>
<td>1,20</td>
<td><input type="checkbox" name="Artischocken"></td>
</tr>
<tr>
<td>Peperoni</td>
<td>0,80</td>
<td><input type="checkbox" name="Peperoni"></td>
</tr>
<tr>
<td>Zwiebeln</td>
<td>0,50</td>
<td><input type="checkbox" name="Zwiebeln"></td>
</tr>
<tr>
<td>Thunfisch</td>
<td>1,20</td>
<td><input type="checkbox" name="Thunfisch"></td>
</tr>
<tr>
<td>Meeresfrüchte</td>
<td>2,00</td>
<td><input type="checkbox" name="Meeresfrüchte"></td>
</tr>
<tr>
<td>Sardellen</td>
<td>1,50</td>
<td><input type="checkbox" name="Sardellen"></td>
</tr>
</table>
<h2>Ihre Lieferungsoptionen:</h2>
<table border=2>
<tr>
<td>Selbstabholung</td>
<td>10% Nachlass</td>
</tr>
<tr>
<td>Zone 1</td>
<td>10% Zuschlag</td>
</tr>
<tr>
<td>Zone 2</td>
<td>10% Zuschlag</td>
</tr>
</table>
<h2>Bitte wählen Sie Ihre gewünschte Lieferoption:</h2>
<select name="Lieferoption" size="3">
<option value=0>Selbstabholung</option>
<option value=1>Zone 1</option>
<option value=2>Zone 2</option>
</select>
<input type="button" value="Preis berechnen" onclick="berechnePreis()"><br>
Preis:
<input type="label" name="endpreis"><br>
<input type="reset" value="Warenkorb leeren">
</form>
</body>
</html>
Vielen Dank schon Mal!