Запрет ввода элемента javascript

Я бы сделал так:

input.onkeypress = e => !(e.key === "." && ~input.value.indexOf("."))

<input type="text" id="input" >

Мы следим за событием onkeypress, когда оно срабатывает мы проверяем какой символ, e.key === ".", и если в этом поле уже имеется этот символ ~input.value.indexOf("."), то делаем return false, и наш символ не добавляется в поле.

const input = document.querySelector('input'); 
 
input.addEventListener('keydown', e => { 
    if (e.key === '.' && input.value.indexOf('.') >= 0) e.preventDefault(); 
});

<input type="text">

повесь событие на ввод точки, которое будет ее писать в первый раз, и менять булеву переменную, а в последующие, проверкой этой переменной не делать ничего. ну и на бэкспейс с энтером менять ее значение на обратное. но с бэкспейсом тебе еще понадобится считывать позицию