Biraz araştırma yaptım ve Jquery ile daha sağlıklı bir şeyler yaptım. Bu kod da direkt inputta değişiklik algılanınca gerekli kontrolleri yapıyor. Biraz daha araştırma yaparsanız daha da kısalabilir bence. Orası da artık sizde
<!DOCTYPE html><html><head> <title>Deneme</title> <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script></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"> var sayac = 0;
document.getElementById("yuzde").innerHTML = "%"+sayac;$('#ad').bind('change', function() { var ad=document.getElementById("ad").value; if(ad.length > 0){ sayac = sayac + 20; } if (ad.length == 0) { sayac = sayac - 20; } document.getElementById("yuzde").innerHTML = "%"+sayac;});
$('#soyad').bind('change', function() { var soyad=document.getElementById("soyad").value; if(soyad.length > 0){ sayac = sayac + 20; } if (soyad.length == 0) { sayac = sayac - 20; } document.getElementById("yuzde").innerHTML = "%"+sayac;});
$('#mail').bind('change', function() { var mail=document.getElementById("mail").value; if(mail.length > 0){ sayac = sayac + 20; } if (mail.length == 0) { sayac = sayac - 20; } document.getElementById("yuzde").innerHTML = "%"+sayac;});
$('#adres').bind('change', function() { var adres=document.getElementById("adres").value; if(adres.length > 0){ sayac = sayac + 20; } if (adres.length == 0) { sayac = sayac - 20; }document.getElementById("yuzde").innerHTML = "%"+sayac;});
$('#tel').bind('change', function() { var tel=document.getElementById("tel").value; if(tel.length > 0){ sayac = sayac + 20; }
if (tel.length == 0) { sayac = sayac - 20; } document.getElementById("yuzde").innerHTML = "%"+sayac;});
</script></body></html>