Ok, pogrzebałem trochę w sieci i trafiłem na podobne wątki, jednak rozwiązania w nich niezbyt pasowały do tego co chciałem otrzymać. Znalazłem jeden dosyć prosty kod, który prawie robił to co chcę, jednak miał tą wadę, że po wpisaniu wartości w input trzeba było gdziekolwiek kliknąć poza inputem aby program "załapał" - jak dla mnie dosyć upierdliwe i niezbyt "user friendly", ale mniejsza o to. :)
Z pomocą przyszedł mi http://www.w3schools.com/jsref/event_onkeyup.asp a dokładniej to przykład object.addEventListener("keyup", myScript);
Stworzyłem to co chciałem, można zobaczyć demo: http://codepen.io/testerius/pen/MwwbEd
Gdyby ktoś mógł jeszcze to przetestować czy faktycznie działa to jak należy, no mi się wydaje, że tak.
Oczywiście brakuje istotnej rzeczy jaką jest walidacja. Macie może pomysł jak się zabezpieczyć formularz tak aby przyjmował tylko wartości >=0 oraz gdy ktoś nie wpisze nic to działa to tak jak teraz (czyli traktuje jako 0)? Niestety dodanie do inputa pattern="\d+" nie działa. :P
No i jeszcze kolejna kwestia to skrypt nie działa, gdy zmieniamy wartości za pomocą strzałek - macie jakiś pomysł jak to naprawić?