Click the left icon　ハンバーガーアイコン

ハンバーガーメニューの「×」マークを別の記号に変更するには、hamburger要素内の<span>を使わずに、JavaScriptでテキストを切り替える方法を使用することができます。具体的には、ハンバーガーアイコンをクリックしたときに、アイコンを別の文字や記号に変更します。 以下はその方法を示す例です

    document.addEventListener('DOMContentLoaded', function() {
        const hamburger = document.getElementById('hamburger');
        const menu = document.getElementById('menu');
    
        hamburger.addEventListener('click', function() {
            this.classList.toggle('active');
            menu.classList.toggle('active');
            if (this.classList.contains('active')) {
                this.innerHTML = '✖'; // ハンバーガーアイコンを「×」に変更
            } else {
                this.innerHTML = '☰'; // 「×」をハンバーガーアイコンに戻す
            }
        });
    });