Rica ederim hatayı da kısaca açıklayayım hemen bilginiz olsun. Aynı sorunlarla karşılaşan arkadaşlar da denk gelebilir sonralardan.

JavaScript kodunun sayfanın yüklenmesinden önce çalışmasından kaynaklı sorun yaşanıyordu. Bundan dolayı "document.querySelector() "çağrısı belirtilen sınıf adlarını içeren herhangi bir öğeyi bulamıyor ve null değer döndürüyordur hacım. Çözümü için javascript kodunun sayfanın tamamen yüklendikten sonra çalışmasını sağladık. Bunu yaparken "window.onload" olayına bağlıyoruz. Yani "window.onload" olayı tüm HTML içeriğinin yüklendiğinden ve hazır olduğundan emin olmamızı sağlar.