JS ile Otomatik Boşluk Bıraktırma

Merhaba, %100 şeklinde veriyi girdiğimde sorun yaşıyorum. Veri tabanına eklerken "%10" kısmını silip sadece "0" ekliyor ilk üç karakteri siliyor otomatik bir şekilde. Input alanında % karakterinden sonra otomatik bir şekilde JS ile boşluk bıraktırmak istiyorum. Bunu nasıl yapabilirim?

"%100".replace("%","% ") şeklide mapleyebilirsiniz

Hocam nasıl yapacağım ben denedim bir şeyler ama olmadı. Zahmet olmazsa yazma şansın var mı?

<input type="text" pattern="[%\d]*" onkeyup="addSpace(event)">

function addSpace(event) {
  // input alanının değerini al
  var value = event.target.value;

  // "%" işareti bulunursa
  if (value.indexOf('%') !== -1) {
    // "%" işaretinin indeksini bul
    var index = value.indexOf('%');
    
    // input alanının değerini, "%" işaretinin indeksine bir boşluk ekleyerek güncelle
    event.target.value = value.substring(0, index + 1) + ' ' + value.substring(index + 1);
  }
}

input alanına "%10" girdiğinde, otomatik olarak "% 10" şeklinde güncellenir.