Datenschutzerklärung

javacript berechnen von beträgen mit und ohne kundenkarte

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

javacript berechnen von beträgen mit und ohne kundenkarte

  Beitrag schreiben
Autor
Beitrag Seiten: 1
oldschool
Mitglied

Registriert: 02.12.2006
Beiträge: 5
Ich möchte ein Page programmieren, mit welcher man Rechnungsbeträge ausrechnen kann. Dabei ist zu beachten, dass bei einem Betrag von 100€ Versandkosten in höhe von 5,95€ anfallen. Wenn man einen Warenwert über 100€ hat, so entfallen natürlich die Versandkosten.
Des weiteren soll es eine Checkbox geben, wo man einen Haken setzen kann, ob man eine Kundenkarte besitzt oder nicht. Wenn man eine Kundenkarte besitzt, bekommt man auf den Warenwert 3% Rabatt.

Ich habe mir auch schon gedanken zu diesem Thema gemacht. Leider komme ich jetzt nicht weiter!!! Wer kann mir helfen???

Ich bedanke mich schonmal im vorraus für eure Hilfe.


<script language="JAVASCRIPT">
<!--
function re_new()
{
window.document.frm_gesamt.wert.value = "";
window.document.frm_gesamt.porto.value = "5,95";
window.document.frm_gesamt.gesamt.value = "";
}



function rech_gesamt()

{
if (window.document.frm_gesamt.kundenkarte.value.onSelect="")
  {
var s = window.document.frm_gesamt.wert.value;
var w = window.document.frm_gesamt.porto.value;
window.document.frm_gesamt.gesamt.value = Math.round((s*1)+(w*1))
  }
else
  {
   var s = window.document.frm_gesamt.wert.value;
var w = window.document.frm_gesamt.porto.value;
window.document.frm_gesamt.gesamt.value = Math.round((s*1)+(w*0));
}
}
-->
</script>
<br>
<h2>Gesamtrechnungsbetrag</h2>
<form name="frm_gesamt">
<table border="0">
  <tbody><tr>
   <td width="140"><p>Bestellwert:</p></td>
   <td><input name="wert" value="" size="4" maxlength="4" onchange="rech_gesamt()" type="text"></td>
  </tr>
  <tr>
   <td width="140"><p>Versandkosten:</p></td>
   <td><input name="porto" value="6" size="4" maxlength="4" onchange="rech_gesamt()" type="text"></td>
  </tr>
  <tr>
   <td width="140"><p>Ihr Gesamter Rechnungsbetrag:</p></td>
   <td><input name="gesamt" value="" size="4" maxlength="5" type="text"></td>
  </tr>
  <tr>
   <td height="10"></td>
  </tr>
  <td colspan="2" align="left">
<input onclick="re_new()" value="Zurücksetzen" type="button">
<input onclick="rech_gesamt()" value="Gesamten Betrag berechnen" type="button">
</td>
</tr>
</table>
<input name="kundenkarte" type="Checkbox" value="v"> Kundenkarte?
</form>


02.12.2006 21:47:57
  Zitieren
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544
Hallo,
nimm das da ;-))

Code:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<script language="JAVASCRIPT">
<!--
function re_new() {
    document.frm_gesamt.wert.value = "";
    document.frm_gesamt.porto.value = "5.95";
    document.frm_gesamt.gesamt.value = "";
}

function rech_gesamt() {
    var s = parseInt(document.frm_gesamt.wert.value);
    if(!s) s = 0;
    var v = s > 100 ? 0 : 5.95;
    window.document.frm_gesamt.porto.value = v;
    if(window.document.frm_gesamt.kundenkarte.checked) {
      x = (s + v) - ((s + v) / 100) * 3;
    }
    else {
      var x = s + v;
    }
    document.frm_gesamt.gesamt.value = Math.floor(x);
}
-->
</script>
<br>
<h2>Gesamtrechnungsbetrag</h2>
<form name="frm_gesamt">
<table border="0">
  <tbody><tr>
   <td width="140"><p>Bestellwert:</p></td>
   <td><input name="wert" value="" size="4" maxlength="4" onchange="rech_gesamt()" type="text"></td>
  </tr>
  <tr>
   <td width="140"><p>Versandkosten:</p></td>
   <td><input name="porto" value="5.95" size="4" readonly maxlength="4" onchange="rech_gesamt()" type="text"></td>
  </tr>
  <tr>
   <td width="140"><p>Ihr Gesamter Rechnungsbetrag:</p></td>
   <td><input name="gesamt" value="" size="4" maxlength="5" type="text"></td>
  </tr>
  <tr>
   <td height="10"></td>
  </tr>
  <td colspan="2" align="left">
<input onclick="re_new()" value="Zurücksetzen" type="button">
<input onclick="rech_gesamt()" value="Gesamten Betrag berechnen" type="button">
</td>
</tr>
</table>
<input name="kundenkarte" type="Checkbox" value="v"> Kundenkarte?
</form>

</body>
</html>

Jetzt mußt Du nur noch abfangen ob auch wirklich nur Zahlen und "." eingeben werden (Javascript verlangt bei Fließkommerzahlen den Punkt und nicht das Komma).


_______________________________________
mfg
Thomas Mell

www.validome.org

02.12.2006 22:55:03
  Zitieren
oldschool
Mitglied

Registriert: 02.12.2006
Beiträge: 5
Vielen Dank für die Hilfe!

02.12.2006 23:28:22
  Zitieren
oldschool
Mitglied

Registriert: 02.12.2006
Beiträge: 5
Hab das Programm jetzt nochmal durchgetestet und habe einen Fehler bemerkt. Es wird immer falsch gerundet. Egal was als Gesamtwert rauskommt, es wird immer abgerundet. Wie kann ma einstellen, dass auf/ bzw. abgerundet wird?

03.12.2006 00:18:34
  Zitieren
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544
http://www.validome.org/doc/HTML_ge/jav ... e/math.htm
Sollte helfen ;-)


_______________________________________
mfg
Thomas Mell

www.validome.org

03.12.2006 13:21:33
  Zitieren
oldschool
Mitglied

Registriert: 02.12.2006
Beiträge: 5
Okay. Das mit dem runden klappt auch gut. Ein kleine Problem hab ich noch, dann hör ich auch auf dich zu belästigen ;-). Bei dem Gesamtrechnungsbetrag zeigt es immer nur den Betrag ohne die 2 Stellen hinter dem Komma an. Meine Frage also! Wie werden mir beim Gesamtbetrag 2 Stellen hinter dem Komma angezeigt?
mfg oldschool
vielen dank schon im vorraus!!


03.12.2006 15:09:58
  Zitieren
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544
Ähhh, du hast doch bereits gerundet, demnach existieren keine Nachkommastellen ?! Hänge doch einfach ".00" nach dem runden drann.

_______________________________________
mfg
Thomas Mell

www.validome.org

03.12.2006 22:59:15
  Zitieren
oldschool
Mitglied

Registriert: 02.12.2006
Beiträge: 5
Naja. Ich will ja aber auf die zweite Stelle nach dem Komma runden, da es ja bei €urobeträgen logischer ist, wenn man noch 2 Stellen nach dem Komma angibt!

04.12.2006 16:23:53
  Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01