Berechnung für Shop einbinden

[eintopf]

Moin moin,
ich muss für die Uni eine Seite gestalten, bei der ich Produkte per Bild auflisten und darunter jeweils ein Eingabefeld platzieren soll, in welchen man die gewünschte Menge eingeben kann. Am Ende der Seite soll ein Rechner sein, der die einzelnen Werte zu einem Gesamtwert zusammenrechnen soll.
Ich bin soweit, dass ich die Eingabefelder habe und einen Sendebutton habe. Nur wie bekomme ich die Werte zusammengerechnet und das Ergebnis angezeigt?
Bisher habe ich noch keine verständliche Lösung im Netz für mein Problem finden können.
Kennt ihr vllt Seiten, auf dennen sowas verständlich erklärt ist? Oder könnt mir kleine Lösungsansätze geben?


Mein bisheriger Code für die Seite:

<!DOCTYPE HTML SYSTEM>
<html>
	<head>
		<title>Brötchenauswahl</title> 
		<meta name="description" content="Brötchenauswahl">
		<link rel="stylesheet" type="text/css" href="meinestyles(broetchen).css">


</head>
	<body>
		<h1> Unsere Brötchenauswahl</h1>

			<p>
				<img src="1.jpg" alt="1">
			</p>
			<form action="input_text_tabelle.htm">
			  <table border="0" cellpadding="0" cellspacing="4">
			    <tr>
			      <td align="right">Stück:</td>
			      <td><input name="Broetchen1" type="text" size="2" maxlength="2" value="0"></td>
			    </tr>
			  </table>
			</form>

			<p>
				<img src="2.jpg" alt="2">
			</p>
			<form action="input_text_tabelle.htm">
			  <table border="0" cellpadding="0" cellspacing="4">
			    <tr>
			      <td align="right">Stück:</td>
			      <td><input name="Broetchen2" type="text" size="2" maxlength="2" value="0"></td>
			    </tr>
			  </table>
			</form>

			<p>
				<img src="3.jpg" alt="3">
			</p>
			<form action="input_text_tabelle.htm">
			  <table border="0" cellpadding="0" cellspacing="4">
			    <tr>
			      <td align="right">Stück:</td>
			      <td><input name="Broetchen3" type="text" size="2" maxlength="2" value="0"></td>
			    </tr>
			  </table>
			</form>

			<p>
				<img src="4.jpg" alt="4">
			</p>
			<form action="input_text_tabelle.htm">
			  <table border="0" cellpadding="0" cellspacing="4">
			    <tr>
			      <td align="right">Stück:</td>
			      <td><input name="Broetchen4" type="text" size="2" maxlength="2" value="0"></td>
			    </tr>
			  </table>
			</form>

		

<form name="formular" action="" onsubmit="return uebergabe();">
<p><input type="submit" value="Senden"></p>
</form>

		
	</body>
</html>

 

[ARadauer]

Mit welcher Technologie willst du das machen? Java oder JavaScript?

 

[eintopf]

Wenn ich den Unterschied richtig verstanden habe, dann muss ich dass in Javascript machen. Bin ich denn hier überhaupt richtig?🙁

 

[con0815]

Ich hätte das mit Php gemacht, wen du ja nicht mal selbst weißt mit was du das machen sollst.
Stellt der Prof deiner Uni nicht vor, mit welcher Sprache das gemacht werden soll?

 

[eintopf]

Die ganze Aufgabenstellung soll mit Hilfe von Javascript gelöst werden.

 

[eintopf]

So, mitlerweile habe ich doch irgendwie was zusammenbasteln können. Nur sind die Ergebnisse nicht ganz korrekt.
Bsp: Ich gebe überall 1 ein und erhalte einen wert von 0,8999999999999 und nicht von 0,9.
Woran liegt das?

<!DOCTYPE HTML SYSTEM>
<html>
<head>
<title>Berechnung</title>
<script type="text/javascript">
<!--
function calculate ()
{
  var wert1 = document.getElementById('broetchen1').value;
  var wert2 = document.getElementById('broetchen2').value;
  var wert3 = document.getElementById('broetchen3').value;
  var wert4 = document.getElementById('broetchen4').value;
  var wert5 = 0.15;
  var wert6 = 0.20;
  var wert7 = 0.25;
  var wert8 = 0.30;
  var summe = wert1 * wert5 + wert2 * wert6 + wert3 * wert7 + wert4 * wert8;
  

  document.getElementById('sum').innerHTML = summe;
}
//-->
</script>
</head>

<body>
 
<input type='text' id='broetchen1' onKeyUp='calculate()' value='0'>
<input type='text' id='broetchen2' onKeyUp='calculate()' value='0'>
<input type='text' id='broetchen3' onKeyUp='calculate()' value='0'>
<input type='text' id='broetchen4' onKeyUp='calculate()' value='0'>

Summe = <span id='sum' float='2'></span>
</body>
</html>

 

[NoXiD]

Wenn ich den Unterschied richtig verstanden habe, dann muss ich dass in Javascript machen. Bin ich denn hier überhaupt richtig?🙁

Ohne jetzt der Buuhmann sein zu wollen: Nein. Java != JavaScript. Da diese Verwechslung aber öfters vorkommt gibts ja schon nen eigenen JavaScript Thread

 

[ARadauer]

Wenn ich den Unterschied richtig verstanden habe, dann muss ich dass in Javascript machen. Bin ich denn hier überhaupt richtig?🙁

Nein leider nicht...

 

[eintopf]

Ah sorry, tut mir Leid.
Kann ein Mod diesen Thread bitte in die richtige Kategorie packen?