language translatore

<p>&nbsp;</p>


<html>

<head>

  <title>Language Translator</title>

  <style>

    body {

      font-family: Arial, sans-serif;

    }

    

    .translator {

      max-width: 500px;

      margin: 0 auto;

      padding: 20px;

    }

    

    label {

      font-weight: bold;

      display: block;

      margin-bottom: 5px;

    }

    

    select, textarea {

      width: 100%;

      padding: 10px;

      margin-bottom: 10px;

    }

    

    button {

      background-color: #4CAF50;

      color: white;

      padding: 10px 20px;

      border: none;

      cursor: pointer;

    }

    

    #translated-text {

      margin-top: 10px;

      font-weight: bold;

    }

  </style>

</head>

<body>

  <div class="translator">

    <h1>Language Translator</h1>

    

    <label for="source-language">Source Language:</label>

    <select id="source-language">

      <option value="af">Afrikaans</option>

      <option value="sq">Albanian</option>

      <option value="am">Amharic</option>

      <option value="ar">Arabic</option>

      <option value="hy">Armenian</option>

      <option value="az">Azerbaijani</option>

      <option value="eu">Basque</option>

      <option value="be">Belarusian</option>

      <option value="bn">Bengali</option>

      <option value="bs">Bosnian</option>

      <option value="bg">Bulgarian</option>

      <option value="ca">Catalan</option>

      <option value="ceb">Cebuano</option>

      <option value="ny">Chichewa</option>

      <option value="zh-CN">Chinese (Simplified)</option>

      <option value="zh-TW">Chinese (Traditional)</option>

      <option value="co">Corsican</option>

      <option value="hr">Croatian</option>

      <option value="cs">Czech</option>

      <option value="da">Danish</option>

      <option value="nl">Dutch</option>

      <option value="en">English</option>

      <option value="eo">Esperanto</option>

      <option value="et">Estonian</option>

      <option value="tl">Filipino</option>

      <option value="fi">Finnish</option>

      <option value="fr">French</option>

      <option value="fy">Frisian</option>

      <option value="gl">Galician</option>

      <option value="ka">Georgian</option>

      <option value="de">German</option>

      <option value="el">Greek</option>

      <option value="gu">Gujarati</option>

      <option value="ht">Haitian Creole</option>

      <option value="ha">Hausa</option>

      <option value="haw">Hawaiian</option>

      <option value="iw">Hebrew</option>

      <option value="hi">Hindi</option>

      <option value="hmn">Hmong</option>

      <option value="hu">Hungarian</option>

      <option value="is">Icelandic</option>

      <option value="ig">Igbo</option>

      <option value="id">Indonesian</option>

      <option value="ga">Irish</option>

      <option value="it">Italian</option>

      <option value="ja">Japanese</option>

      <option value="jv">Javanese</option>

      <option value="kn">Kannada</option>

      <option value="kk">Kazakh</option>

      <option value="km">Khmer</option>

      <option value="ko">Korean</option>

      <option value="ku">Kurdish (Kurmanji)</option>

      <option value="ky">Kyrgyz</option>

      <option value="lo">Lao</option>

      <option value="la">Latin</option>

      <option value="lv">Latvian</option>

      <option value="lt">Lithuanian</option>

      <option value="lb">Luxembourgish</option>

      <option value="mk">Macedonian</option>

      <option value="mg">Malagasy</option>

      <option value="ms">Malay</option>

      <option value="ml">Malayalam</option>

      <option value="mt">Maltese</option>

      <option value="mi">Maori</option>

      <option value="mr">Marathi</option>

      <option value="mn">Mongolian</option>

      <option value="my">Myanmar (Burmese)</option>

      <option value="ne">Nepali</option>

      <option value="no">Norwegian</option>

      <option value="ps">Pashto</option>

      <option value="fa">Persian</option>

      <option value="pl">Polish</option>

      <option value="pt">Portuguese</option>

      <option value="pa">Punjabi</option>

      <option value="ro">Romanian</option>

      <option value="ru">Russian</option>

      <option value="sm">Samoan</option>

      <option value="gd">Scots Gaelic</option>

      <option value="sr">Serbian</option>

      <option value="st">Sesotho</option>

      <option value="sn">Shona</option>

      <option value="sd">Sindhi</option>

      <option value="si">Sinhala</option>

      <option value="sk">Slovak</option>

      <option value="sl">Slovenian</option>

      <option value="so">Somali</option>

      <option value="es">Spanish</option>

      <option value="su">Sundanese</option>

      <option value="sw">Swahili</option>

      <option value="sv">Swedish</option>

      <option value="tg">Tajik</option>

      <option value="ta">Tamil</option>

       <option value="tt">Tatar</option>

      <option value="te">Telugu</option>

      <option value="th">Thai</option>

      <option value="tr">Turkish</option>

      <option value="tk">Turkmen</option>

      <option value="uk">Ukrainian</option>

      <option value="ur">Urdu</option>

      <option value="ug">Uyghur</option>

      <option value="uz">Uzbek</option>

      <option value="vi">Vietnamese</option>

      <option value="cy">Welsh</option>

      <option value="xh">Xhosa</option>

      <option value="yi">Yiddish</option>

      <option value="yo">Yoruba</option>

      <option value="zu">Zulu</option>

    </select>

    

    <label for="target-language">Target Language:</label>

    <select id="target-language">

      <option value="af">Afrikaans</option>

      <option value="sq">Albanian</option>

      <option value="am">Amharic</option>

      <option value="ar">Arabic</option>

      <option value="hy">Armenian</option>

      <option value="az">Azerbaijani</option>

      <option value="eu">Basque</option>

      <option value="be">Belarusian</option>

      <option value="bn">Bengali</option>

      <option value="bs">Bosnian</option>

      <option value="bg">Bulgarian</option>

      <option value="ca">Catalan</option>

      <option value="ceb">Cebuano</option>

      <option value="ny">Chichewa</option>

      <option value="zh-CN">Chinese (Simplified)</option>

      <option value="zh-TW">Chinese (Traditional)</option>

      <option value="co">Corsican</option>

      <option value="hr">Croatian</option>

      <option value="cs">Czech</option>

      <option value="da">Danish</option>

      <option value="nl">Dutch</option>

      <option value="en">English</option>

      <option value="eo">Esperanto</option>

      <option value="et">Estonian</option>

      <option value="tl">Filipino</option>

      <option value="fi">Finnish</option>

      <option value="fr">French</option>

      <option value="fy">Frisian</option>

      <option value="gl">Galician</option>

      <option value="ka">Georgian</option>

      <option value="de">German</option>

      <option value="el">Greek</option>

      <option value="gu">Gujarati</option>

      <option value="ht">Haitian Creole</option>

      <option value="ha">Hausa</option>

      <option value="haw">Hawaiian</option>

      <option value="iw">Hebrew</option>

      <option value="hi">Hindi</option>

      <option value="hmn">Hmong</option>

      <option value="hu">Hungarian</option>

      <option value="is">Icelandic</option>

      <option value="ig">Igbo</option>

      <option value="id">Indonesian</option>

      <option value="ga">Irish</option>

      <option value="it">Italian</option>

      <option value="ja">Japanese</option>

      <option value="jv">Javanese</option>

      <option value="kn">Kannada</option>

      <option value="kk">Kazakh</option>

      <option value="km">Khmer</option>

      <option value="ko">Korean</option>

      <option value="ku">Kurdish (Kurmanji)</option>

      <option value="ky">Kyrgyz</option>

      <option value="lo">Lao</option>

      <option value="la">Latin</option>

      <option value="lv">Latvian</option>

      <option value="lt">Lithuanian</option>

      <option value="lb">Luxembourgish</option>

      <option value="mk">Macedonian</option>

      <option value="mg">Malagasy</option>

      <option value="ms">Malay</option>

      <option value="ml">Malayalam</option>

      <option value="mt">Maltese</option>

      <option value="mi">Maori</option>

      <option value="mr">Marathi</option>

      <option value="mn">Mongolian</option>

      <option value="my">Myanmar (Burmese)</option>

      <option value="ne">Nepali</option>

      <option value="no">Norwegian</option>

      <option value="ps">Pashto</option>

      <option value="fa">Persian</option>

      <option value="pl">Polish</option>

      <option value="pt">Portuguese</option>

      <option value="pa">Punjabi</option>

      <option value="ro">Romanian</option>

      <option value="ru">Russian</option>

      <option value="sm">Samoan</option>

      <option value="gd">Scots Gaelic</option>

      <option value="sr">Serbian</option>

      <option value="st">Sesotho</option>

      <option value="sn">Shona</option>

      <option value="sd">Sindhi</option>

      <option value="si">Sinhala</option>

      <option value="sk">Slovak</option>

      <option value="sl">Slovenian</option>

      <option value="so">Somali</option>

      <option value="es">Spanish</option>

      <option value="su">Sundanese</option>

      <option value="sw">Swahili</option>

      <option value="sv">Swedish</option>

      <option value="tg">Tajik</option>

      <option value="ta">Tamil</option>

       <option value="tt">Tatar</option>

      <option value="te">Telugu</option>

      <option value="th">Thai</option>

      <option value="tr">Turkish</option>

      <option value="tk">Turkmen</option>

      <option value="uk">Ukrainian</option>

      <option value="ur">Urdu</option>

      <option value="ug">Uyghur</option>

      <option value="uz">Uzbek</option>

      <option value="vi">Vietnamese</option>

      <option value="cy">Welsh</option>

      <option value="xh">Xhosa</option>

      <option value="yi">Yiddish</option>

      <option value="yo">Yoruba</option>

      <option value="zu">Zulu</option>

    </select>

    

    <label for="text-to-translate">Text to Translate:</label>

    <textarea id="text-to-translate" placeholder="Enter text to translate" rows="5"></textarea>

    

    <button onclick="translateText()">Translate</button>

    

    <h2>Translated Text:</h2>

    <p id="translated-text"></p>

  </div>

  

  <script>

    function translateText() {

      const sourceLanguage = document.getElementById("source-language").value;

      const targetLanguage = document.getElementById("target-language").value;

      const textToTranslate = document.getElementById("text-to-translate").value;

      const translatedText = document.getElementById("translated-text");

      

      const url = `https://api.mymemory.translated.net/get?q=${encodeURIComponent(textToTranslate)}&langpair=${sourceLanguage}|${targetLanguage}`;

      

      fetch(url)

        .then(response => response.json())

        .then(data => {

          if (data.responseStatus === 200) {

            translatedText.innerText = data.responseData.translatedText;

          } else {

            console.error("Translation error:", data.responseStatus);

            translatedText.innerText = "An error occurred during translation.";

          }

        })

        .catch(error => {

          console.error("Translation error:", error);

          translatedText.innerText = "An error occurred during translation.";

        });

    }

  </script>

</body>

</html>


Comments

Post a Comment