script.js

const textoInput = document.getElementById('texto');
const idiomaOrigemSelect = document.getElementById('idiomaOrigem');
const idiomaDestinoSelect = document.getElementById('idiomaDestino');
const traduzirButton = document.getElementById('traduzir');
const resultadoDiv = document.getElementById('resultado');

traduzirButton.addEventListener('click', () => {
  const texto = textoInput.value;
  const idiomaOrigem = idiomaOrigemSelect.value;
  const idiomaDestino = idiomaDestinoSelect.value;

  const url = `https://translate.googleapis.com/translate_a/single?client=gtx&sl=${idiomaOrigem}&tl=${idiomaDestino}&dt=t&q=${encodeURI(texto)}`;

  fetch(url)
    .then(response => response.json())
    .then(data => {
      const traducao = data[0][0][0];
      resultadoDiv.innerText = traducao;
    })
    .catch(error => console.error(error));
});