Моментальный расчет при вводе в input?

Question

[Mesuti]

Привет!
Подскажите, пожалуйста
1) Почему в песочнице Jsfiddle не срабатывает JavaScript? А на обычном хостинге работает.
2) Как сделать, чтобы при вводе цифры в Input, расчет происходил сразу же? сейчас приходится нажимать в другое место, только после этого расчет идет

Спасибо всем ответившим!

p.s. нашел ответ, но как его интегрировать в скрипт расчетов?

<input type="text"> oninput: <span id="result"></span>

var input = document.body.children[0];

  input.oninput = function() {
    document.getElementById('result').innerHTML = input.value;
  };

Answer 1

[Mesuti]

В общем, как обычно, ищу вдалеке, а под носом не вижу.
Ответ:
Чтобы изменения вступали в силу сразу же после внесения в input, нужно вместо каких-либо onchange написать "oninput".
А именно с этого

<input type="text" id="rashod" value="0" onchange="costCalculator()" />

На этот

<input type="text" id="rashod" value="0" oninput="costCalculator()" />

Кому помог - лайк =) пришлось пол часа упоротого индуса слушать.

Answer 2

[koshiii]

Это можно просто сделать следующим образом:

<script>
function getValue(val){
блоки вычислений
}
</script>

<input type="text" onkeyup="getValue(this.value)"/>

На счет Jsfiddle лучше написать вот тут:

https://github.com/jsfiddle/jsfiddle-issues/issues

Comments

[Mesuti]

Не совсем понял, как лучше встроить getvalue.
Есть ли у Вас возможность показать в песочнице?

Answer 3

[maxsnw]

повесить на чейндж

Comments

[Николай Шабалин]

change как раз таки будет срабатывать при изменение состояния инпута, то есть когда будет focus или blur. Автора скорее всего интересует событие input

[Mesuti]

Спасибо за ответ.
К сожалению, нужно именно при вводе цифр в input

Answer 4

[evgennikolaevich]

Если не нужна поддержка старых IE, вешайте на события oninput, onchange событие произойдёт не при каждом вводе, а при потере фокуса.

Comments

[Mesuti]

Спасибо за ответ.
К сожалению, нужно именно при вводе цифр в input