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.