Hallo Zusammen,
ich habe von einem ganz netten HTML-Seminar-Mitglied Hilfe zu einem Script bekommen, welches
Gewicht in Euro berechnen soll. Alles tadellos super. Doch ist mir nun aufgefallen, daß nur ganze
Zahlen, also ohne Nachkommastellen, berechnet werden. Gebe ich eine Zahl mit Kommastellen ein
so kommt lediglich der Ausdruck "NaN €"
Das Script sieht wie folgt aus:
Code
<form>
Gewicht: <input id="gewicht" />
Material:
<select id="material">
<option value="">Bitte auswählen</option>
<option value="10">Baumwolle</option>
<option value="15">Leine</option>
<option value="20">Seide</option>
</select>
<span id="ergebnis"></span>
</form>
<script>
function berechnen() {
var valgewicht = gewicht.value;
var idxmaterial = material.selectedIndex;
var preis = material.options[idxmaterial].value;
if (valgewicht != "" && idxmaterial != 0) {
ergebnis.innerHTML = valgewicht * preis + ' €';
} else {
ergebnis.innerHTML = "";
}
}
var gewicht = document.getElementById("gewicht");
var material = document.getElementById("material");
var ergebnis = document.getElementById("ergebnis");
gewicht.addEventListener("input", berechnen);
material.addEventListener("change", berechnen);
</script>
Darüber hinaus sehe ich keine Möglichkeit, die Felder "Gewicht" und "Material" zu verkleinern.
Wenn ich dieses Script auf meiner künftigen Homepage (es geht um Stoffe und Kleider Ankauf) 2 mal untereinander
eingebe, dann dachte ich, daß ich ja 2 mal die Möglichkeit habe, mir das Gewicht und Ergebnis anzeigen zu lassen. Leider scheint dies aber ein Irrglaube zu sein, denn die zweite Ausgabe wird dann nicht mehr berechnet, siehe Bild "Rechner_2" Ist das nun mein Ungeschick oder lässt sich so ein Script wirklich nicht kopieren? Und mein letztes Anliegen wo ich auch nicht weiter komme, ist die Möglichkeit, die jeweiligen Ergebnise addieren zu lassen. Da bekomme ich einfach kein Ergebnis zustande.
Bedanke mich ganz herzlich schon Vorab
Liebe Grüße,
Andrea
Alles anzeigen