sumer-bilisim adlı üyeden alıntı: mesajı görüntüle
https://www.w3schools.com/js/js_html...ntlistener.asp

oku bakalım
Henüz Javascript konusunda çok az bilgiye sahibim, kaynağa baktığımda öncelikle öğrenmem gereken başka şeylerde olduğunu fark ettim o yüzden anlayamadım. Konuyu açarken daha çok jQuery için yazılmış kodları otomatik olarak converter edecek bir araç ya da yöntem var mı onu merak ediyordum. Arama sonucu çıkan sitelerdeki araçlar çalışmadı.

aponkral adlı üyeden alıntı: mesajı görüntüle 
(function() {
    document.querySelector(".search-button").addEventListener("click", (e) => {
        setTimeout( function() {
            document.querySelector(".search-form-input").focus();
        }, 200);
    });
})();
Ben de projelerimde mümkünse jQuery yerine VanillaJS kullanıyorum. Çevirdim. Belki senin için yararlı olabilir.
Çok teşekkür ederim hocam. İlk projemi yaparken PHP öğrendim ve çok az JS kullanmam gerekti,. Hem göz aşinalığı oluşsun hem de kütüphane kullanmaya başlamadan temellerini anlayayım diye saf JS ile devam ediyorum. 2. projeme geçtiğimde JS'yi de öğrenip bende VanillaJS kullanmak niyetindeyim.

Vakit ayırabilirseniz birde şu kodda aynı şekilde yardımcı olabilir misiniz hocam: 

$('.main-nav').on('mouseenter', 'li', function(e) {
    if ($(this).closest('body').width() < $(document).width()) {
        $(this).find('ul').addClass('menu-rev');
    }
});
Aynı durum sitem https://miyavliyo.com/ sitemde de mevcut ancak çözüm yine jQuery ile olduğu için çeviremiyorum.