Как убрать ошибки?

Question

[olya_097]

После того как в инпуте удалила всё цифры - показывается NaN

и когда число более 1000 - после удаления первого символа с конца - то удаляет сразу 3 цифры ( а не одну цифру)
https://jsfiddle.net/0p74Lmq2/2/

Answer 1

[Роман Дворянов]

Ну NaN это очевидно) Not A Number, что указывает о том, что когда вы удаляете все цифры, в вашем инпуте нет ожидаемого числа, пустая строка в инпуте не является числом, лечится value = value.replace(/\D/, 0);

А удаление - когда вы вводите число в инпут ручками у вас не применяется форматирование, и там остается число, что позволяет легко удалить последний символ у любого числа, когда вы дергаете ползунок, ваши числа магическим образом (нет) становятся строкой вида '1 000', соответственно парсер( parseInt(el.value) ) парсит строку и получает 1 (введите в консоли parseInt('1 000') например), парсер отсекает все после пробела, т.е. по факту он убирает все после символа, который невозможно сделать числом

Comments

[olya_097]

Роман Дворянов , спасибо за отклик.
правда теперь в консоли ошибка
и можно вводить 0 первым символом
https://jsfiddle.net/nze31mgd/

[Роман Дворянов]

olya_097,
у вас тут value нигде не объявлен

el.addEventListener('input', e => {
    let value = value.replace(/\D/, 0);

Добавьте элемент, чье значение берете)

el.addEventListener('input', e => {
    let value = el.value.replace(/\D/, 0);

[olya_097]

Роман Дворянов, теперь там где значение 1000
то странно ведет себя

когда удаляю по символу в инпуте

https://jsfiddle.net/0ko25d91/

[Роман Дворянов]

olya_097, непонятно, странно это как?