«0»как значение по умолчанию, если десятичная точка является значением

Question

Я пытаюсь эмулировать эту проверку ввода, найденную здесь: https://www.easycalculation.com/compound-interest.php

, если вы замечаете на основном вводе при нажатии десятичной точки . 0. создается по умолчаниюзначение, если вы нажмете клавишу Backspace перед значениями 0., затем нажмете клавишу десятичной точки или снова нажмете десятичную точку, это создаст новое значение 0., а затем подтолкнет предыдущее значение к нему, например 0.0. Мне бы хотелось что-то подобное?Я пытался что-то, но это не сработало:

https://jsfiddle.net/r7uhp5Lg/5/

<div class="">
    <p>Principal or Sum [P]</p>
    <input class="form-control" id="sum" type="text" />
</div>

$('#sum').keyup(function (event) {
   event = (event) ? event : window.event;
   let charCode = (event.which) ? event.which : event.keyCode;
   let val = $(this).val().replace(/[^\d.]/g,'');
   $(this).val(val);
   if(val === '') {
     console.log('Enter all the fields');
   } else if(val.split('.').length>2) {
      $(this).val(val.replace(/\.+$/,""));
   } else if(val.substr(0,1) === '.' && charCode === 190) {
     $(this).val(val.substr(0,1)).prop("value", "0");
   }
 });