Rechnen mit Auswahlbalken

Diskutiere Rechnen mit Auswahlbalken im JavaScript Forum im Bereich Programmierung; Hallo, ich habe vor, einen Rechner zu erstellen, der die Summe ausgewählter Produkte erstellt. Habe schon etwas erarbeitet, aber ich bekomme es...
Neues Thema erstellen Antworten
  • Rechnen mit Auswahlbalken Beitrag #1
L
Loddirk
New member
Beiträge
2
Punkte Reaktionen
0
Hallo, ich habe vor, einen Rechner zu erstellen, der die Summe ausgewählter Produkte erstellt.

Habe schon etwas erarbeitet, aber ich bekomme es nicht hin, den Produkten Zahlenwerte zuzuordnen und die dann mit einem Klick auf den Button summieren zu lassen.

Code: 
<body bgcolor="#FFB266">
<center>
<script type="text/javascript">
<!--
function MW() {
   var Ergebnis = document.Formular.Eingabe.value * document.Formular.Eingabe.value;
   alert("Der Marktwert von " + document.Formular.Eingabe.value + " = " + Ergebnis);
}
//-->
</script>


<table width="220" cellspacing="5">
    <tr>
           <td align="left">
               <div>Produkt1:</div>
             <td><SELECT name="product_1"><option value=0>---</option><option value=1>Aloe Vera</option><option selected value=2>Ananas</option><option value=3>Banane</option><option value=4>Chili</option><option value=5>Cranberry</option><option value=6>Drachenfrucht</option><option value=7>Flamingoblume</option><option value=8>Garambullo</option><option value=9>Goldkelchwein</option><option value=10>Granatapfel</option><option value=11>Grapefruit</option><option value=12>Ingwer</option><option value=13>Jasmin</option><option value=14>Königsprotea</option><option value=15>Kaki</option><option value=16>Kardamom</option><option value=17>Kiwi</option><option value=18>Kokosnuss</option><option value=19>Kumquat</option><option value=20>Limette</option><option value=21>Litschi</option><option value=22>Mango</option><option value=23>Mango</option><option value=24>Maniok</option><option value=25>Maracuja</option><option value=26>Orchidee</option><option value=27>Papaya</option><option value=28>Paradiesvogelblume</option><option value=29>Patschuli</option><option value=30>Physalis</option><option value=31>Reis</option><option value=32>Süßholz</option><option value=33>Safran</option><option value=34>Seerose</option><option value=35>Senf</option><option value=36>Sternfrucht</option><option value=37>Tee</option><option value=38>Vanille</option><option value=39>Wassermelone</option><option value=40>Zuckermelone</option><option value=41>Zuckerrohr</option></SELECT></td>
        
    </td>
       </tr>
  </table>
  <table width="220" cellspacing="5">
    <tr>
           <td align="left">
               <div>Produkt2:</div>

                          <td><SELECT name="product_2"><option value=0>---</option><option value=1>Aloe Vera</option><option selected value=2>Ananas</option><option value=3>Banane</option><option value=4>Chili</option><option value=5>Cranberry</option><option value=6>Drachenfrucht</option><option value=7>Flamingoblume</option><option value=8>Garambullo</option><option value=9>Goldkelchwein</option><option value=10>Granatapfel</option><option value=11>Grapefruit</option><option value=12>Ingwer</option><option value=13>Jasmin</option><option value=14>Königsprotea</option><option value=15>Kaki</option><option value=16>Kardamom</option><option value=17>Kiwi</option><option value=18>Kokosnuss</option><option value=19>Kumquat</option><option value=20>Limette</option><option value=21>Litschi</option><option value=22>Mango</option><option value=23>Mango</option><option value=24>Maniok</option><option value=25>Maracuja</option><option value=26>Orchidee</option><option value=27>Papaya</option><option value=28>Paradiesvogelblume</option><option value=29>Patschuli</option><option value=30>Physalis</option><option value=31>Reis</option><option value=32>Süßholz</option><option value=33>Safran</option><option value=34>Seerose</option><option value=35>Senf</option><option value=36>Sternfrucht</option><option value=37>Tee</option><option value=38>Vanille</option><option value=39>Wassermelone</option><option value=40>Zuckermelone</option><option value=41>Zuckerrohr</option></SELECT></td>

           
   </td>
       </tr>
  </table>
  <table width="220" cellspacing="5">
    <tr>
           <td align="left">
               <div>Produkt3:</div>

                          <td><SELECT name="product_3"><option value=0>---</option><option value=1>Aloe Vera</option><option selected value=2>Ananas</option><option value=3>Banane</option><option value=4>Chili</option><option value=5>Cranberry</option><option value=6>Drachenfrucht</option><option value=7>Flamingoblume</option><option value=8>Garambullo</option><option value=9>Goldkelchwein</option><option value=10>Granatapfel</option><option value=11>Grapefruit</option><option value=12>Ingwer</option><option value=13>Jasmin</option><option value=14>Königsprotea</option><option value=15>Kaki</option><option value=16>Kardamom</option><option value=17>Kiwi</option><option value=18>Kokosnuss</option><option value=19>Kumquat</option><option value=20>Limette</option><option value=21>Litschi</option><option value=22>Mango</option><option value=23>Mango</option><option value=24>Maniok</option><option value=25>Maracuja</option><option value=26>Orchidee</option><option value=27>Papaya</option><option value=28>Paradiesvogelblume</option><option value=29>Patschuli</option><option value=30>Physalis</option><option value=31>Reis</option><option value=32>Süßholz</option><option value=33>Safran</option><option value=34>Seerose</option><option value=35>Senf</option><option value=36>Sternfrucht</option><option value=37>Tee</option><option value=38>Vanille</option><option value=39>Wassermelone</option><option value=40>Zuckermelone</option><option value=41>Zuckerrohr</option></SELECT></td>

    </td>
       </tr>
  </table>
     
      <td>
<form name="Formular" action="">
        <input type="button" value="Berechne" onclick="MW()">
</form>    
</td>
wäre nett wenn ihr mir sagen könnt, wie das funktioniert, beispielsweise wenn Aloe Vera den Wert 8 , Ananas den Wert 5 und Banane den Wert 2 hat, wodurch mit einem Klick auf den Button darunter ein Text auftaucht mit dem Ergebnis (bitte nicht das Ergebnis in einem Popup auftauchen lassen)
 
Zuletzt bearbeitet:
  • Rechnen mit Auswahlbalken Beitrag #2
developr
developr
Teammitglied
Beiträge
336
Punkte Reaktionen
0
So?

HTML: 
<html>
<head>
	<title>Loddirk</title>
	<script type="text/javascript">
	<!--
	function MW() {
		product_1 = parseInt(document.getElementById("product_1").value);
		product_2 = parseInt(document.getElementById("product_2").value);
		product_3 = parseInt(document.getElementById("product_3").value);
		Neu = product_1+product_2+product_3;
		//var Ergebnis = document.formular.Eingabe.value * document.Formular.Eingabe.value;
		//alert("Der Marktwert von " + document.formular.Eingabe.value + " = " + Ergebnis);
		document.getElementById("ausgabe").innerHTML = Neu;
	}
	//-->
	</script>
</head>
<body bgcolor="#FFB266">
<center>
	<form name="formular" action="" method="get">
	<table width="220" cellspacing="5">
		<tr>
			<td align="left">
				<div>Produkt1:</div>
			</td>
			<td>
				<SELECT id="product_1" name="product_1"><option value=0>---</option><option value=1>Aloe Vera</option><option selected value=2>Ananas</option><option value=3>Banane</option><option value=4>Chili</option><option value=5>Cranberry</option><option value=6>Drachenfrucht</option><option value=7>Flamingoblume</option><option value=8>Garambullo</option><option value=9>Goldkelchwein</option><option value=10>Granatapfel</option><option value=11>Grapefruit</option><option value=12>Ingwer</option><option value=13>Jasmin</option><option value=14>Königsprotea</option><option value=15>Kaki</option><option value=16>Kardamom</option><option value=17>Kiwi</option><option value=18>Kokosnuss</option><option value=19>Kumquat</option><option value=20>Limette</option><option value=21>Litschi</option><option value=22>Mango</option><option value=23>Mango</option><option value=24>Maniok</option><option value=25>Maracuja</option><option value=26>Orchidee</option><option value=27>Papaya</option><option value=28>Paradiesvogelblume</option><option value=29>Patschuli</option><option value=30>Physalis</option><option value=31>Reis</option><option value=32>Süßholz</option><option value=33>Safran</option><option value=34>Seerose</option><option value=35>Senf</option><option value=36>Sternfrucht</option><option value=37>Tee</option><option value=38>Vanille</option><option value=39>Wassermelone</option><option value=40>Zuckermelone</option><option value=41>Zuckerrohr</option></SELECT>
			</td>
		</tr>
		<tr>
			<td align="left">
				<div>Produkt2:</div>
			</td>
			<td>
				<SELECT id="product_2" name="product_2"><option value=0>---</option><option value=1>Aloe Vera</option><option selected value=2>Ananas</option><option value=3>Banane</option><option value=4>Chili</option><option value=5>Cranberry</option><option value=6>Drachenfrucht</option><option value=7>Flamingoblume</option><option value=8>Garambullo</option><option value=9>Goldkelchwein</option><option value=10>Granatapfel</option><option value=11>Grapefruit</option><option value=12>Ingwer</option><option value=13>Jasmin</option><option value=14>Königsprotea</option><option value=15>Kaki</option><option value=16>Kardamom</option><option value=17>Kiwi</option><option value=18>Kokosnuss</option><option value=19>Kumquat</option><option value=20>Limette</option><option value=21>Litschi</option><option value=22>Mango</option><option value=23>Mango</option><option value=24>Maniok</option><option value=25>Maracuja</option><option value=26>Orchidee</option><option value=27>Papaya</option><option value=28>Paradiesvogelblume</option><option value=29>Patschuli</option><option value=30>Physalis</option><option value=31>Reis</option><option value=32>Süßholz</option><option value=33>Safran</option><option value=34>Seerose</option><option value=35>Senf</option><option value=36>Sternfrucht</option><option value=37>Tee</option><option value=38>Vanille</option><option value=39>Wassermelone</option><option value=40>Zuckermelone</option><option value=41>Zuckerrohr</option></SELECT>
			</td>
		</tr>
		<tr>
			<td align="left">
				<div>Produkt3:</div>
			</td>
			<td>
				<SELECT id="product_3" name="product_3"><option value=0>---</option><option value=1>Aloe Vera</option><option selected value=2>Ananas</option><option value=3>Banane</option><option value=4>Chili</option><option value=5>Cranberry</option><option value=6>Drachenfrucht</option><option value=7>Flamingoblume</option><option value=8>Garambullo</option><option value=9>Goldkelchwein</option><option value=10>Granatapfel</option><option value=11>Grapefruit</option><option value=12>Ingwer</option><option value=13>Jasmin</option><option value=14>Königsprotea</option><option value=15>Kaki</option><option value=16>Kardamom</option><option value=17>Kiwi</option><option value=18>Kokosnuss</option><option value=19>Kumquat</option><option value=20>Limette</option><option value=21>Litschi</option><option value=22>Mango</option><option value=23>Mango</option><option value=24>Maniok</option><option value=25>Maracuja</option><option value=26>Orchidee</option><option value=27>Papaya</option><option value=28>Paradiesvogelblume</option><option value=29>Patschuli</option><option value=30>Physalis</option><option value=31>Reis</option><option value=32>Süßholz</option><option value=33>Safran</option><option value=34>Seerose</option><option value=35>Senf</option><option value=36>Sternfrucht</option><option value=37>Tee</option><option value=38>Vanille</option><option value=39>Wassermelone</option><option value=40>Zuckermelone</option><option value=41>Zuckerrohr</option></SELECT>
			</td>
		</tr>
		<tr>
			<td> </td>
			<td align="right">
				<div id="ausgabe">Test</div>
			</td>
		</tr>
		<tr>
			<td> </td>
			<td>
				<input type="button" name="button" value="Berechne" onclick="javascript:MW()">
			</td>
		</tr>
	</table>
	</form>
</center>
</body>
</html>

Übrigens war die Syntax der Tabelle und des Formulars falsch.
 
  • Rechnen mit Auswahlbalken Beitrag #3
L
Loddirk
New member
Beiträge
2
Punkte Reaktionen
0
Spitze, genau danach war ich auf der Suche! Danke!
Allerdings stellt sich noch das winzige Problem, dass die Werte nicht immer gerade sind, also auch Nachkommastellen haben.

Habs ausprobiert, aber es funktioniert weder, wenn value=1,5 noch value=1.5

Welches Zeichen muss ich verwenden, damit auch Nachkommastellen mit eingerechnet werden?
 
Thema:

Rechnen mit Auswahlbalken

Oben Unten