Google Translate form how to correct?

K

Konstantin Greev2017-08-04 15:52:21

Google translate

Konstantin Greev, 2017-08-04 15:52:21

There is such a form - a question - I can’t change it so that the result of the translation
is in the same INPUT , please tell me

<html>
  <body>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>  
  </head>
   <b>Text:</b> <input type="text" id="text" value="How are you"/> <br>
    <b>Target Langugage:</b> 
    <select id="target">
    <option value="de">Germany</option>
    <option value="hi">Hindi</option>
    <option value="fr">French</option>
    </select>
    <br>
    <input type="button" value="Translate"  onclick="translate()" /> <br> <br>
    <b>Translated Text:</b><div id="translated"></div>   
    <script>
    function translate()
    {
        $.get("https://www.googleapis.com/language/translate/v2",
            {
            key:"AIzaSyA8QSRDMjRvjJi__7nEk8ayrn3hmhFNRA8",
            source:"en",
            target:$("#target").val(),
            q:$("#text").val()
            },
            function(response)
            {
                $("#translated").html(response.data.translations[0].translatedText);
 
            },"json") .fail(function(jqXHR, textStatus, errorThrown) 
            {
                alert( "error :"+errorThrown );
            });
    }
    </script>
  </body>
</html>

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

A

Alexey, 2017-08-04
@AlexMaxTM

Well, you output the result in a div
Output the result in input like this

$('#text').val(response.data.translations[0].translatedText);