Stromrechner

Hi liebe Admins,
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&#246;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>

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

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 181348

Url: https://administrator.de/forum/stromrechner-181348.html

Ausgedruckt am: 31.12.2024 um 09:12 Uhr

2 Kommentare

Neuester Kommentar

Hallo Infowars,

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

<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&#246;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>