JavaScript İle İlgili Bir Sorum Var

Question

Elimde Böyle Bir Kod Var Ben Bunun ONCLİCK İçerisindeki function normal javascrip dosyasınde çalıştırmak istiyorum acaba nasıl yapabiliri amacım onclick eventinin işlevini js dosyasının içine almak

bekirctn · Accepted Answer

Anladığım kadarıyla, elimizdeki kodda bulunan button elemanlarının onclick özniteliğinde tanımlı olan showMenu fonksiyonunu, ayrı bir JavaScript dosyası olan main.js dosyasına taşımak istiyorsunuz. Bunu şöyle yapabilirsiniz:

Yeni bir JavaScript dosyası oluşturun, örneğin main.js.
HTML dosyasında, main.js dosyasını başvuran bir script etiketi ekleyin:

<script src="main.js"></script>

main.js dosyasında, showMenu fonksiyonunu tanımlayın:

function showMenu(element) {
// showMenu fonksiyonunun kodu buraya yazılır
}

HTML dosyasındaki button elemanlarından onclick özniteliğini kaldırın. Bunun yerine, button elemanlarına class özniteliği ekleyin, örneğin class="show-menu".

main.js dosyasında, JavaScript'in addEventListener fonksiyonunu kullanarak button elemanları için tıklama olay dinleyicisi olarak showMenu fonksiyonunu ekleyin:

const buttons = document.querySelectorAll('.show-menu');
buttons.forEach(button => {
button.addEventListener('click', showMenu);
});

Bu, button elemanları tıklandığında showMenu fonksiyonunun çağrılmasını sağlar, HTML'deki onclick özniteliği kullanılmadan.

DeSh · Answer

Merhaba,
Sayfada (ya da JS dosyalarınızda) "showMenu" isminde bir fonksiyonunuz bulunması gerekiyor. 
Onu doğrudan alıp bir javascript dosyasının içine koyup o dosyayı istediğiniz yerde dahil etmeniz yeterli olacaktır.

JosephC · Answer

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

Merhaba,
Sayfada (ya da JS dosyalarınızda) "showMenu" isminde bir fonksiyonunuz bulunması gerekiyor.
Onu doğrudan alıp bir javascript dosyasının içine koyup o dosyayı istediğiniz yerde dahil etmeniz yeterli olacaktır.

acaba bir yolu varmı

DeSh · Answer

Anladım.
O zaman yapmanız gereken showMenu ismindeki normal fonksiyonunuzu eventlistener olarak butonlara bağlayabilirsiniz 
(Ahatta aşağıdaki showMenu yazan yere doğrudan fonksiyonu yazarak anonymous function haline de getirebilirsiniz)

//butonlarınızı bulun
var x = document.getElementById( "myBtn" );

//fonksiyonunuzu butonlara atayın:
x.addEventListener("click", showMenu);

webeloper · Answer

hocam js fonksiyonunuzu buradan paylaşabilir misiniz

JosephC · Answer

webeloper adlı üyeden alıntı:						mesajı görüntüle									hocam js fonksiyonunuzu buradan paylaşabilir misiniz 		    function showMenu(selectedTask) {
        let menuDiv = selectedTask.parentElement.lastElementChild;
        menuDiv.classList.add("show");
        document.addEventListener("click", e => {
            if (e.target.tagName != "I" || e.target != selectedTask) {
                menuDiv.classList.remove("show");
            }
        });
    }