2
Stromrechner
Hi liebe Admins,
ich will einen kleinen Stromrechner bauen.
Hier der Code:
Leider wird der Strompreis in Cent pro Jahr nicht richtig angezeigt und ich stehe auf dem Schlauch.
Ich bin mir aber sicher, dass es mit dem Punkt, bzw. Komma zu tun hat
Habt ihr mir einen Tipp ?
Greetz
ich will einen kleinen Stromrechner bauen.
Hier der Code:
<script type="text/javascript">
function calc() {
a=document.getElementById("1").value.replace(",",".");
b=document.getElementById("2").value.replace(",",".");
c=document.getElementById("3").value.replace(",",".");
d=a*b/1000;
e=a*b*c/1000;
f=document.getElementById("5").value.replace(",",".");
g=f*365/100;
document.getElementById("4").value=d;
document.getElementById("5").value=e;
document.getElementById("4").value=document.getElementById("4").value.replace(".",",");
document.getElementById("5").value=document.getElementById("5").value.replace(".",",");
document.getElementById("6").value=document.getElementById("6").value.replace(".",",");
document.getElementById("7").value=document.getElementById("7").value=g;
}
</script>
<form><br />
<table>
<tr>
<td>Verbrauch in Watt:</td>
<td><input id="1" /></td>
</tr>
<tr>
<td>Laufzeit in Stunden pro Tag:</td>
<td><input id="2" /></td>
</tr>
<tr>
<td>Strompreis in Cent/kWh:</td>
<td><input id="3" value="14" /></td>
</tr>
<tr>
<td colspan="2" style="text-align:center;"><input type="button" value="Ausrechnen" onclick="calc()" />
<input type="reset" value="Löschen" />
</td>
</tr>
<tr>
<td>Verbrauchter Strom in kWh:</td>
<td><input id="4" readonly="readonly" /></td>
</tr>
<tr>
<td>Kosten in Cent pro Tag:</td>
<td><input id="5" readonly="readonly" /></td>
</tr>
<tr>
<td>Kosten in Cent pro Jahr:</td>
<td><input id="6" readonly="readonly" /></td>
</tr>
<tr>
<td>Kosten in Euro pro Jahr:</td>
<td><input id="6" readonly="readonly" /></td>
</tr>
</table>
</form>Ich bin mir aber sicher, dass es mit dem Punkt, bzw. Komma zu tun hat
Habt ihr mir einen Tipp ?
Greetz
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 181348
Url: https://administrator.de/contentid/181348
Printed on: April 28, 2024 at 17:04 o'clock
2 Comments
Latest comment
Hallo Infowars,
Mal eben zwei Dinge vorweg:
In Zeile 10 bis 14 weist du den Feldern erst das Ergebnis zu und formatierst es dann um.
Zumindest machst du das mit "4" und "5" so, aber __nicht__ mit "6" und genau dieses Feld ist das was Probleme macht ;)
Edit:
Hä? Hat sich der Beitrag gerade geändert !? Shit, bin wohl etwas übermüdet...
Schönen Start ins Wochenende
~Arano
Leider wird der Strompreis pro Jahr nicht richtig angezeigt
- Wie wird er angezeigt und
- Wie sollte er angezeigt werden ?
Mal eben zwei Dinge vorweg:
- Darf eine ID nicht mit einer Ziffer beginnen selfHTML - Attribut-Referenz - ID, IDREF oder Name und
- sowohl mit den ID-Namen als auch den Variablennamen kann man absolut nichts anfangen - gib denen mal kurze und aussagekräftige Namen
In Zeile 10 bis 14 weist du den Feldern erst das Ergebnis zu und formatierst es dann um.
Zumindest machst du das mit "4" und "5" so, aber __nicht__ mit "6" und genau dieses Feld ist das was Probleme macht ;)
Edit:
Hä? Hat sich der Beitrag gerade geändert !? Shit, bin wohl etwas übermüdet...
- ID sind eindeutige Bezeichner und __dürfen nicht__ mehrfach vorkommen (s. ID=6)
- Das ergibt, dass das Script das Feld ID=7 nicht finden kann.
Schönen Start ins Wochenende
~Arano
OK, dake für den Tip.
Habs ein weinig übersichtlicher gemacht, dann klappts auch besser
Habs ein weinig übersichtlicher gemacht, dann klappts auch besser
<script type="text/javascript">
function calc() {
VerbrauchInWatt=document.getElementById("1").value.replace(",",".");
ZeitInStd=document.getElementById("2").value.replace(",",".");
Strompreis=document.getElementById("3").value.replace(",",".");
VerbrauchtekWh=VerbrauchInWatt*ZeitInStd/1000;
CentProTag=VerbrauchInWatt*ZeitInStd*Strompreis/1000;
document.getElementById("4").value=VerbrauchtekWh;
document.getElementById("5").value=CentProTag;
document.getElementById("4").value=document.getElementById("4").value.replace(".",",");
document.getElementById("5").value=document.getElementById("5").value.replace(".",",");
CentProJahr=CentProTag*365;
document.getElementById("6").value=CentProJahr;
EuroProJahr=CentProJahr/100;
document.getElementById("7").value=EuroProJahr;
}
</script>
<form><br />
<table>
<tr>
<td>Verbrauch in Watt:</td>
<td><input id="1" /></td>
</tr>
<tr>
<td>Laufzeit in Stunden pro Tag:</td>
<td><input id="2" /></td>
</tr>
<tr>
<td>Strompreis in Cent/kWh:</td>
<td><input id="3" value="21" /></td>
</tr>
<tr>
<td colspan="2" style="text-align:center;"><input type="button" value="Ausrechnen" onclick="calc()" />
<input type="reset" value="Löschen" />
</td>
</tr>
<tr>
<td>Verbrauchter Strom in kWh:</td>
<td><input id="4" readonly="readonly" /></td>
</tr>
<tr>
<td>Kosten in Cent pro Tag:</td>
<td><input id="5" readonly="readonly" /></td>
</tr>
<tr>
<td>Kosten in Cent pro Jahr:</td>
<td><input id="6" readonly="readonly" /></td>
</tr>
<tr>
<td>Kosten in Euro pro Jahr:</td>
<td><input id="7" readonly="readonly" /></td>
</tr>
</table>
</form>
