Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z kalkulatorem
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
szlipek
2.08.2011, 11:15:07
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
skowron-line
2.08.2011, 11:16:55 
[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
szlipek
2.08.2011, 11:21:04 
[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
skowron-line
2.08.2011, 11:33:33
0,24 zamień 0.24 czyli do tego co napisałem musisz jeszcze dodać replace().
szlipek
2.08.2011, 11:40:46
Już mi się udało to zrobić wstawiłem w input type Onchange i dodałem funkcje oblicz i zaczeło wszystko działać
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.