jQuery Kodunu Pure JS Haline Nasıl Getirebilirim?

17-04-2022, 21:22:12

Aşağıdaki kodu projemde jQuery kullanmadığım için Pure JS olarak kullanmak istiyorum, nasıl çevirebilirim?

!(function($){
    $(function(){
        $('.search-button').on('click', function(event) {
            setTimeout( function() {
                $('.search-form-input').focus();
            }, 200)
        });
    });
})(jQuery);

17-04-2022, 21:24:57

#2

sumer-bilisim

https://www.w3schools.com/js/js_html...ntlistener.asp

oku bakalım

17-04-2022, 21:32:19

#3

aponkral

(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.

19-04-2022, 08:09:48

#4

SkyGhostAir

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.

06-05-2022, 02:25:55

#5

ncare

Kimlik doğrulama veya yönetimden onay bekliyor.

şu adres yararlı olabilir
https://youmightnotneedjquery.com/

11-05-2022, 14:17:32

#6

andacerdogmus

SkyGhostAir adlı üyeden alıntı: mesajı görüntüle

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.

document.querySelector('.main-nav').addEventListener('mouseenter', 'li', function(e) {
    if (document.querySelector(this).closest('body').width() < document.querySelector(document).width()) {
        document.querySelector(this).querySelector('ul').classList.add('menu-rev');
    }
});

jQuery to Javascript convert etme siteleri var fakat her zaman doğru sonucu veremeyebiliyor. Benim önerim jQuery hakkında yeterli bilgin yoksa ve işlerini hızlı ilerletmek istiyorsan https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/ tarzı jQuery Cheat Sheet dökümanlarını inceleyerek jQuery ile yazılan kodların pure javascript hallerini kendi kodlarına implemente ederek kısa sürede öğrenip kodlarını dönüştürme olayına alışabileceğini düşünüyorum.