Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Problem z kalkulatorem
szlipek
post
Post #1





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 30.03.2009
Skąd: Sępólno Krajeńskie

Ostrzeżenie: (0%)
-----

Witam mam problem chcę stworzyć coś na zasadzie kalkulatora opłacalności. Nie wiem jak się do tego zabrać. Coś kombinuję ale nie mogę sobie poradzić może ktoś mnie naprowadzić
[HTML] pobierz, plaintext 
  1. <html>
  2. <body>
  3.  
  4.  
  5.  
  6. <h2>Miesięczny koszt zużycia energii elektrycznej przez typowe swietlówki T8</h2>
  7. <div id="kalkulator">
  8. <table>
  9. 	<tr>
  10. 		<td>
  11. 			Typ świetlówki
  12. 		</td>
  13. 		<td>
  14. 			Moc w kW
  15. 		</td>
  16. 		<td>
  17. 			ilość
  18. 		</td>
  19. 		<td>
  20. 			Aktualny pobór mocy na 1h
  21. 		</td>
  22. 		<td>
  23. 			Koszt 1 kWh
  24. 		</td>
  25. 		<td>
  26. 			Dobowy czas świecenia w h
  27. 		</td>
  28. 		<td>
  29. 			Miesięczny koszt oświetlenia
  30. 		</td>
  31. 	</tr>
  32. 	<tr>
  33. 		<td>
  34. 			T8 18W
  35. 		</td>
  36. 		<td>
  37. 			<p id ="moc" value="0,024">0,024</p>
  38. 		</td>
  39. 		<td>
  40. 			<input type="text" id="ilosc" value="100">
  41. 		</td>
  42. 		<td>
  43. 			<p id="pobor">0</p>
  44. 		</td>
  45.  
  46.  
  47. <script type="text/javascript">
  48. var x = document.getElementById("moc");
  49. var y = document.getElementById("ilosc");
  50.  
  51.  
  52. wynik = x*y;
  53.  
  54. document.getElementById("pobor").innerHTML = wynik;
  55. </script>
  56. </body>
  57. </html>
  58.  
  59.  
  60.  
[HTML] pobierz, plaintext

w tym momencie zwraca mi

[object HTMLInputElement]
nie wiem jak zrobić żeby zwróciło mi prawidłową wartość czyli pomnożenie ilości razy moc
Go to the top of the page
+Quote Post
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <html>
  2. <body>
  3.  
  4.  
  5.  
  6. <h2>Miesięczny koszt zużycia energii elektrycznej przez typowe swietlówki T8</h2>
  7. <div id="kalkulator">
  8. <table>
  9. 	<tr>
  10. 		<td>
  11. 			Typ świetlówki
  12. 		</td>
  13. 		<td>
  14. 			Moc w kW
  15. 		</td>
  16. 		<td>
  17. 			ilość
  18. 		</td>
  19. 		<td>
  20. 			Aktualny pobór mocy na 1h
  21. 		</td>
  22. 		<td>
  23. 			Koszt 1 kWh
  24. 		</td>
  25. 		<td>
  26. 			Dobowy czas świecenia w h
  27. 		</td>
  28. 		<td>
  29. 			Miesięczny koszt oświetlenia
  30. 		</td>
  31. 	</tr>
  32. 	<tr>
  33. 		<td>
  34. 			T8 18W
  35. 		</td>
  36. 		<td>
  37. 			<p id ="moc" value="0,024">0,024</p>
  38. 		</td>
  39. 		<td>
  40. 			<input type="text" id="ilosc" value="100">
  41. 		</td>
  42. 		<td>
  43. 			<p id="pobor">0</p>
  44. 		</td>
  45.  
  46.  
  47. <script type="text/javascript">
  48. var x = document.getElementById("moc").value;
  49. var y = document.getElementById("ilosc").value;
  50.  
  51.  
  52. wynik = parseFloat(x)* parseFloat(y);
  53.  
  54. document.getElementById("pobor").innerHTML = wynik;
  55. </script>
  56. </body>
  57. </html>
  58.  
  59.  
  60.  
  61.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
szlipek
post
Post #3





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 30.03.2009
Skąd: Sępólno Krajeńskie

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <html>
  2. <body>
  3.  
  4.  
  5.  
  6. <h2>Miesięczny koszt zużycia energii elektrycznej przez typowe swietlówki T8</h2>
  7. <div id="kalkulator">
  8. <table>
  9. 	<tr>
  10. 		<td>
  11. 			Typ świetlówki
  12. 		</td>
  13. 		<td>
  14. 			Moc w kW
  15. 		</td>
  16. 		<td>
  17. 			ilość
  18. 		</td>
  19. 		<td>
  20. 			Aktualny pobór mocy na 1h
  21. 		</td>
  22. 		<td>
  23. 			Koszt 1 kWh
  24. 		</td>
  25. 		<td>
  26. 			Dobowy czas świecenia w h
  27. 		</td>
  28. 		<td>
  29. 			Miesięczny koszt oświetlenia
  30. 		</td>
  31. 	</tr>
  32. 	<tr>
  33. 		<td>
  34. 			T8 18W
  35. 		</td>
  36. 		<td>
  37. 			<input type="text" id="moc" value="0.024" disabled>
  38. 		</td>
  39. 		<td>
  40. 			<input type="text" id="ilosc" value="100">
  41. 		</td>
  42. 		<td>
  43. 			<p id="pobor">0</p>
  44. 		</td>
  45.  
  46.  
  47. <script type="text/javascript">
  48. var x = document.getElementById("moc").value;
  49. var y = document.getElementById("ilosc").value;
  50.  
  51.  
  52. wynik = parseFloat(x) * parseFloat(y);
  53.  
  54. document.getElementById("pobor").innerHTML = wynik;
  55. </script>
  56. </body>
  57. </html>
[HTML] pobierz, plaintext

udało mi się to zrobić ale nie wiem jak teraz zrobić żeby po zmianie w inpucie bez odświeżania strony zmieniała się wartość wyniku

Ten post edytował szlipek 2.08.2011, 11:34:17
Go to the top of the page
+Quote Post
skowron-line
post
Post #4





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

Ostrzeżenie: (0%)
-----

0,24 zamień 0.24 czyli do tego co napisałem musisz jeszcze dodać replace().
Go to the top of the page
+Quote Post
szlipek
post
Post #5





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 30.03.2009
Skąd: Sępólno Krajeńskie

Ostrzeżenie: (0%)
-----

Już mi się udało to zrobić wstawiłem w input type Onchange i dodałem funkcje oblicz i zaczeło wszystko działać
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 4.10.2025 - 17:42
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn