(javascript) pobranie wartości z <input type="number">


(M@rco) #1

Mam pole:

<input id="przesuniecieX_min" type="number" min="-10" max="10" step="1" value="0">

i chciałbym za każdym razem gdy zmienię jego wartość mieć dostęp do tej wartości. Próbowałem czegoś takiego:

var numPeople = document.getElementById("przesuniecieX_min");
 var num;
numPeople.addEventListener("input", function(e) {
  num = numPeople.value;
  document.getElementById('aaa').innerHTML= num;
},true);

ale wtedy mam dostęp do wartości tylko we funkcji  function(e), a chciałbym mieć poza nią jeszcze.


(kalitt) #2

Polecam używać JQuery. Bardzo super framework do JS. Tam na pewno masz metode change() która sprawdza czy dane pole zostało zmienione


(M@rco) #3

Nie da się tego zrobić bezpośrednio w JavaScript?


(Jusko) #4

Tak naprawdę to wszystko się da w JavaScript, tylko JQuery znacznie uprasza sprawę. To coś na zasadzie, czy lepiej użyć 3 linie kodu z jQuery, czy 13 w czystym JS :wink:


(kalitt) #5

a co do twojego pytania to dodaj mu do onChange jakiś callback i powinno ładziać 


(M@rco) #6

 Ok, działa, dzięki wielkie!!  :smiley:

 

Zrobiłem coś takiego:

<input id=“przesuniecieX_min” type=“number” min="-10" max=“10” step=“1” value=“0” onchange=“rysuj()”>

 

W funkcji rysuj pobieram wartości i później je przetwarzam