<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

// 初始化 Google 翻譯元素
function googleTranslateElementInit() {
    new google.translate.TranslateElement({
        pageLanguage: "zh-TW",
        autoDisplay: false,
        includedLanguages: "zh-TW,zh-CN,en,ja,ko",
        layout: google.translate.TranslateElement.InlineLayout.VERTICAL,
    }, "google_translate_element");
}

// 取得所有下拉選單項目
const dropdownItems = document.querySelectorAll('.dropdown-item');
// 取得顯示當前語言的 span 元素
const currentLanguage = document.getElementById('current-language');

// 為每個下拉選單項目添加點擊事件監聽器
dropdownItems.forEach(item => {
    item.addEventListener('click', function () {
        // 取得翻譯語言編號
        const selectedLanguageValue = this.getAttribute('data-value');
        // 取得被點擊項目的文字
        const selectedLanguage = this.textContent;
        // 更新顯示當前語言的文字
        currentLanguage.textContent = selectedLanguage;

        // 更新 Google 翻譯下拉選單的值並觸發變更事件
        const translateCombo = document.querySelector('.goog-te-combo');
        translateCombo.value = selectedLanguageValue;
        // 觸發change事件
        const event = new Event("change");
        translateCombo.dispatchEvent(event);

    });
});