Kleiner Job: brauche ein Rechenformular
jg1234
- javascript
Hallo, ich suche sehr kurzfristig jemanden, der uns eine einfache HTML-Seite mit einem kleinen Javascript schreibt, bei der wir den Look dann anpassen können.
Es handelt sich um ein Rechenformular, in das man das drei Zahlen eingeben kann. Diese Zahlen müssen dann (ziemlich unkompliziert) miteinander verrechnet und ausgegeben werden. Es existiert eine Excel-Datei, die das alles bereits macht und somit als Vorlage dienen kann.
Keine große Sache für den, der es kann, ich glaube nicht, dass es länger als eine oder anderthalb Stunde/n dauert. Es soll selbstverständlich bezahlt werden, wir haben maximal 50 Euro dafür vorgesehen.
Hi,
wenn du mir die Formel sagst mach ichs, die 50€ könntest du dann bitte an Ärzte ohne Grenzen o.ä. spenden.
MfG Dave
wenn du mir die Formel sagst mach ichs, die 50€ könntest du dann bitte an Ärzte ohne Grenzen o.ä. spenden.
Das hört sich gut an. Wenn Du mir eine eMail schickst, könnte ich Dir die Excel-Datei zusenden.
Hi,
meine EMail Adresse will ich aber nicht hergeben :P
In Zeile 13 die richtige Formel einsetzen.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Lustiger Rechner</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript">
// <![CDATA[
[code lang=javascript] function calculate(){
zahl1 = Number(document.getElementById("num1").value);
zahl2 = Number(document.getElementById("num2").value);
zahl3 = Number(document.getElementById("num3").value);
if(isNaN(zahl1) || isNaN(zahl2) || isNaN(zahl3))
return;
document.getElementById("result").value = zahl1 + zahl2 + zahl3;
}
// ]]>
</script>
</head>
<body>
<div class="calculatorContainer">
<p class="input">
<span>Zahl1: </span>
<input type="text" id="num1" onkeyup="calculate()"/>
</p>
<p class="input">
<span>Zahl2: </span>
<input type="text" id="num2" onkeyup="calculate()"/>
</p>
<p class="input">
<span>Zahl3: </span>
<input type="text" id="num3" onkeyup="calculate()"/>
</p>
<p class="result">
<span>Ergebnis: </span>
<input type="text" id="result" />
</p>
<p>
<img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
</p>
</div>
</body>
</html>
[/code]
Falls das so passt bitte Spendenquittung einscannen/fotografieren, bei einem Bilder Hosting Service deiner Wahl rauf stellen und hier verlinken.
Falls nicht passt bitte trotzdem spenden :)
Hi,
meine EMail Adresse will ich aber nicht hergeben :P
Hm. Du sollst sie ja auch gar nicht hier öffentlich machen ... ich dachte, du schickst mir einfach eine PM ...
Das mit dem Script ging ja wirklich sehr schnell, aber es ist doch ein kleines bißchen komplizierter.
Ich habe hier ein Bild der Excel-Datei eingestellt
eigentlich sind damit alle Rechenschritte geklärt.
Man gibt drei Daten ein (gelb). Die Ausgabe bzw. Anzeige der Ergebnisse sollte per Button starten, das verwirrt weniger.
Sollen die gleichen Zwischenwerte etc. wie hier augegeben werden?
Sollen die gleichen Zwischenwerte etc. wie hier augegeben werden?
Ja, allerdings wollte ich es noch anders anordnen/formatieren. Es könnte durchaus auch auf zwei Seiten stattfinden:
1. Seite Eingabe der drei Zahlenwerte, Button drücken
2. Seite: Ausgabe der Ergebnisse, eventuell auch Rechnung sichtbar wie in der Excel-Tabelle.
Die Zahlen in der Spalte D (Preise) werden einmal eingesetzt und zum Rechnen benutzt, müssen aber nicht verändert werden.
Sollen die gleichen Zwischenwerte etc. wie hier augegeben werden?
Also, ich habe mit dem mir zur Verfügung stehenden dilletantuschen Halbwissen das Script verändert, so dass es die für mich wichtigen Werte annimmt und ausgibt.
Allerdings fehlt mir noch etwas:
Alle Zahlen sollten maximal mit zwei Nachkommastellen ausgegeben werden.
Kann man die Rechnerei erst starten lassen, wenn alle
drei Zahlen eingegeben wurden (also per Button?)
Sehr lieb wäre es mir, wenn sich die Ausgabefelder von den
Eingabefelder unterscheiden würden, also keine Input-Felder wären.
Kann man statt Punkte Kommas in den Ergebnissen haben?
Danke für jede Hilfe.
Hier das Script:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Abwasserrechner</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript">
// <![CDATA[
function calculate(){
cbm_alt = 5.50;
gg = 72;
cbm = 4.26;
qm = 0.78;
zahl1 = Number(document.getElementById("num1").value);
zahl2 = Number(document.getElementById("num2").value);
zahl3 = Number(document.getElementById("num3").value);
if(isNaN(zahl1) || isNaN(zahl2) || isNaN(zahl3))
return;
document.getElementById("result").value = zahl1 * cbm_alt + zahl2;
document.getElementById("result1").value = zahl1 * cbm + gg;
document.getElementById("result2").value = zahl3 * qm;
document.getElementById("result3").value = zahl1 * cbm + gg + zahl3 * qm;
document.getElementById("result4").value = (zahl1 * cbm + gg + zahl3 * qm) - (zahl1 * cbm_alt + zahl2);
}
// ]]>
</script>
</head>
<body>
<TABLE BORDER="0">
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD COLSPAN="3"><B>Bitte hier Ihre Zahlen aus der Wasserrechnung 2008 eingeben</B><BR></TD>
</TR>
<TR>
<TD></TD>
<TD>
<span>Wasserverbrauch 2008 in Kubikmeter</span>
</TD>
<TD>
<input type="text" id="num1" onkeyup="calculate()"/>
</TD>
</TR>
<TR>
<TD></TD>
<TD>
<span>Bisherige Grundgebühr pro Jahr in Euro </span>
</TD>
<TD>
<input type="text" id="num2" onkeyup="calculate()"/>
</TD>
</TR>
<TR>
<TD COLSPAN="3"><BR>
<B>Bitte hier den Wert aus der Grundstücksberechnung eingeben</B></TD>
</TR>
<TR>
<TD></TD>
<TD><span>Abflusswirksame Grundfläche in qm </span>
</TD>
<TD><input type="text" id="num3" onkeyup="calculate()"/>
</TD>
</TR>
<TR>
<TD COLSPAN="2"><BR><BR><BR><B>Hier können Sie die Ergebnisse sehen</B> <BR><BR></TD>
</TR>
<TR>
<TD></TD>
<TD>
<span><B>Bisherige Abwassergebühren</B> pro Jahr in Euro </span>
</TD>
<TD>
<input type="text" id="result" />
</TD>
</TR>
<TR>
<TD></TD>
<TD>
<B>Zukünftige Abwassergebühren</B> pro Jahr in Euro <BR>
</TD>
<TD>
<B><input type="text" id="result3" /></B>
</TD>
</TR>
<TR>
<TD></TD>
<TD>
<span> davon Grundgebühr</span>
</TD>
<TD>
<!-- <input type="text" value=72> -->72,00
</TD>
</TR>
<TR>
<TD></TD>
<TD>
<span> davon Schmutzwasser </span>
</TD>
<TD>
<input type="text" id="result1" />
</TD>
</TR>
<TR>
<TD></TD>
<TD>
<span> davon Niederschlagswasser </span>
</TD>
<TD>
<input type="text" id="result2" />
</TD>
</TR>
<TR>
<TD></TD>
<TD><B>Unterschied alte/neue Berechnung in Euro</B></TD>
<TD>
<input type="text" id="result4" />
</TD>
</TR>
</TABLE>
</body>
</html>
Hallo jg1234!
- Alle Zahlen sollten maximal mit zwei Nachkommastellen ausgegeben werden.
Geht mit toFixed(2) (und wird zeitgleich kaufm. gerundet).
- Kann man statt Punkte Kommas in den Ergebnissen haben?
Für die Ausgabe den Punkt im Endwert (als String) durch den Komma ersetzen:
http://de.selfhtml.org/javascript/objekte/string.htm#replace
Viele Grüße aus Frankfurt/Main,
Patrick