infowars
Goto Top

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

Content-Key: 181348

Url: https://administrator.de/contentid/181348

Ausgedruckt am: 29.03.2024 um 01:03 Uhr

Mitglied: Arano
Arano 02.03.2012 um 14:18:47 Uhr
Goto Top
Hallo Infowars,

Leider wird der Strompreis pro Jahr nicht richtig angezeigt
  1. Wie wird er angezeigt und
  2. Wie sollte er angezeigt werden ?

Mal eben zwei Dinge vorweg:
  1. Darf eine ID nicht mit einer Ziffer beginnen selfHTML - Attribut-Referenz - ID, IDREF oder Name und
  2. 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...
  1. ID sind eindeutige Bezeichner und __dürfen nicht__ mehrfach vorkommen (s. ID=6)
  2. Das ergibt, dass das Script das Feld ID=7 nicht finden kann.


Schönen Start ins Wochenende
~Arano
Mitglied: infowars
infowars 02.03.2012 um 15:26:57 Uhr
Goto Top
OK, dake für den Tip.
Habs ein weinig übersichtlicher gemacht, dann klappts auch besser face-smile
<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>