BOTÃO PARA TRADUZIR PAGINA WEB NÃO FUNCIONA USANDO O SELETOR
<script src="https://translate.googleapis.com/translate_a/element.js?hl=pt-BR&sl=pt-BR&tl=en"></script>
<!-- Seletor de idiomas -->
<select class="language">
<option value="pt-br">Português (Brasil)</option>
<option value="en">Inglês</option>
<option value="es">Espanhol</option>
<option value="fr">Francês</option>
<option value="de">Alemão</option>
</select>
<!-- Texto a ser traduzido -->
<div class="text">
Seu texto a ser traduzido aqui.
</div>
<!-- Botão de tradução -->
<button class="tradutor">Traduzir</button>
<script>
// Seletor de elementos
const text = document.querySelector(".text");
const language = document.querySelector(".language");
const translateButton = document.querySelector(".tradutor");
// Função para traduzir o texto
function translateText(language) {
// Obtém o texto a ser traduzido
const textToTranslate = text.textContent;
// Realiza a tradução do texto
const translatedText = googleTranslate.translate(textToTranslate, {
from: "pt-BR",
to: language,
});
// Atualiza o texto com a tradução
text.textContent = translatedText;
}
// Inicializa a API do Google Translate
const googleTranslate = new google.translate.TranslateElement({}, 'google-translate-element');
googleTranslate.showBanner(false);
// Evento de clique para o botão de tradução
translateButton.addEventListener("click", function() {
// Obtém o idioma selecionado
const selectedLanguage = language.value;
// Realiza a tradução do texto
translateText(selectedLanguage);
});
// Inicializa o idioma
language.value = "en";
translateText(language.value);
</script>
```
**"CODIGO JAVACRIPT PRA EFETUAR O EFEITO DE TRADUÇÃO"**
```
// Seletor de elementos
const text = document.querySelector(".text");
const language = document.querySelector(".language");
const translateButton = document.querySelector(".tradutor");
// Inicializa a API do Google Translate
const googleTranslate = new google.translate.TranslateElement({}, 'google-translate-element');
googleTranslate.showBanner(false);
// Função para traduzir o texto
function translateText(selectedLanguage) {
// Obtém o texto a ser traduzido
const textToTranslate = text.textContent;
// Realiza a tradução do texto
googleTranslate.translate(textToTranslate, "pt-BR", selectedLanguage, function(result) {
// Atualiza o texto com a tradução
text.textContent = result.translation;
});
}
// Evento de clique para o botão de tradução
translateButton.addEventListener("click", function() {
// Obtém o idioma selecionado
const selectedLanguage = language.value;
// Realiza a tradução do texto
translateText(selectedLanguage);
});
// Inicializa o idioma padrão
language.value = "en";
translateText(language.value);
```