Dynamiczne mnożenie razy 2, ktoś sprawdzi czemu mi nie działa? Opcje

[verio]

Otóż... w związku z budowaniem pewnej strony napotkałem na problem. Jest nim konieczność napisania prostego skryptu w javascript. Jednak proste nie dla każdego znaczy tyle samo, szczególnie dla kogoś takiego jak ja.


Mam podane 2 pola input. Pierwszy to input, w którym wprowadzam liczbę. W drugim mam otrzymać wynik mnożenia liczby z pierwszego inputa razy 2. Wszystko to dynamicznie, bez klikania żadnych buttonów, submitów etc. Mimo moich starań otrzymałem błędnie działający skrypt:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
var mnozenie = getElementById('ilosc') * 2;
function(licz) {
getElementById('koszt').value = mnozenie;
}
</script>
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
<input type="text" id="ilosc" name="ilosc" maxlength="3" class="textbox" style="text-align:center;" onChange="licz()" />
<input type="text" name="koszt" readonly class="textbox" style="text-align:center;" />
[HTML] pobierz, plaintext 

Proszę nie zwracać uwagi na zbędne elementy tj. klasy CSS. Chodzi mi o samo działanie skryptu.

///edit kolorowanie składni

Ten post edytował verio 31.08.2010, 10:16:46

[Blame]

Przyda ci się parseInt (IMG:style_emoticons/default/winksmiley.jpg)

[flashdev]

Kod

// parseInt lub parseFloat wedlug uznania
var mnozenie = parseInt(getElementById('ilosc').value) * 2;

[verio]

Czyli obecnie kod javascript wygląda tak:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
var mnozenie = parseInt(getElementById('ilosc').value) * 2;
function(licz) {
getElementById('koszt').value = mnozenie;
}
</script>
[JAVASCRIPT] pobierz, plaintext 

Nadal jednak nie działa przeliczanie. Drugi input jest wciąż pusty.

[flashdev]

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
alert(getElementById);
alert(document.getElementById);
function licz() {
var mnozenie = parseInt(document.getElementById('ilosc').value) * 2;
document.getElementById('koszt').value = mnozenie;
}
</script>
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował flashdev 31.08.2010, 10:43:12

[Piotrek05]

Musisz zdefiniować nazwę funkcji a Ty definiujesz argument podawany do niej.
Ja bym zrobił to tak:

[JAVASCRIPT] pobierz, plaintext 
 
     <script type="text/javascript">
      function licz () {
      var mnozenie = parseInt(getElementById('ilosc').value) * 2;
      getElementById('koszt').value = mnozenie;
      }
      </script>
[JAVASCRIPT] pobierz, plaintext 

I użył zamiast zdarzenia onChange zdarzenia onkeyup.

Ten post edytował Piotrek05 31.08.2010, 10:40:31

[verio]

[HTML] pobierz, plaintext 
<input type="text" name="koszt" readonly class="textbox" style="text-align:center;" />
[HTML] pobierz, plaintext 

zjadłem id="koszt", ale i z tym by nie poszło bez Waszej pomocy

Skrypt działa, dziękuję wszystkim za odpowiedzi. Temat do zamknięcia.