Есть input с type='number'. В этом инпуте я проверяю количество введенных символов через length. Вводить в такой инпут можно цифры и точку, чтобы была дробь. Но проблема в том, что вводя точку, в инпуте что-то ломается, и он начинает показывать, что в него введено 0 символов. А если после точки вводить еще символы, то подсчет возобновляется в нормальном режиме. Почему так происходит и можно ли это исправить как-то?
let input = document.getElementById('inp');
let par = document.getElementById('par');
input.oninput = function() {
par.innerHTML = 'Symbols entered: ' + input.value.length;
}
<input id='inp' type="number">
<p id='par'>Symbols entered: 0</p>
type="text"
и не паритьсяinput.value = input.value.replace(/[^0-9.]/g, '')