Şöyle bir şey yaptım, benim de bilgim yok denecek kadar az JavaScript konusunda. Elbette daha kolay ve performanslı bir yolu vardır. Kısaca JavaSript kodu inputlardaki verileri 2 saniyede bir kontol edip yüzdelik puanlama yapıyor.
<!DOCTYPE html><html><head> <title>Deneme</title></head><body>
<input type="text" id="ad" placeholder="Adınız"> <br> <input type="text" id="soyad" placeholder="Soyadınız"> <br> <input type="email" id="mail" placeholder="Mailiniz"> <br> <input type="phone" id="tel" placeholder="Telefon Numaranız"> <br> <input type="text" id="adres" placeholder="Adresiniz">
<div id="yuzde"></div>
<script type="text/javascript">
let delay = 2000;
let timerId = setTimeout(function request() { var ad=document.getElementById("ad").value; var soyad=document.getElementById("soyad").value; var mail=document.getElementById("mail").value; var tel=document.getElementById("tel").value; var adres=document.getElementById("adres").value; var sayac = 0; if(ad.length > 0){ sayac = sayac + 20; }
if(soyad.length > 0){ sayac = sayac + 20; }
if(mail.length > 0){ sayac = sayac + 20; }
if(tel.length > 0){ sayac = sayac + 20; }
if(adres.length > 0){ sayac = sayac + 20; }
document.getElementById("yuzde").innerHTML = "%"+sayac;
timerId = setTimeout(request, delay);
}, delay); </script></body></html>