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

Dla specjalistów Programowanie
#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.

#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

#3

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

#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:

#5

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

#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