时间戳

首页 > 解决方案 > 如何使用 Javascript 更改网站的语言？

javascript - 如何使用 Javascript 更改网站的语言？

问题描述

我可以使用 javascript 和此选择代码更改网站的语言吗？

<select class = "log">

    <option value = "EN">English</option>
    <option value = "ES">Español</option>
    <option value = "DE">Deutsch</option>
    <option value = "FR">Français</option>

</select>```

标签： javascripthtmlselect

解决方案

<select class = "log">

    <option value = "EN">English</option>
    <option value = "ES">Español</option>
    <option value = "DE">Deutsch</option>
    <option value = "FR">Français</option>

</select>
<div id="paragraph">
</div>
<script>
const texte = {EN: 'Good Morning',
         ES: 'Buenos Dias',
         DE: 'Guten Tag',
         FR: 'Bonjour'}
const language = document.querySelector('select');
const paragraph = document.getElementById('paragraph');

function show() {
  paragraph.textContent = texte[language.value];
}
language.addEventListener('change', show)

</script>

推荐阅读