JSFiddle - React, Tailwind, and code Playground

by corotchi

HTML

<script type="text/javascript" src="http://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22feeds%22%2C%22version%22%3A%221%22%7D%5D%7D"></script>

<input type="button" onclick="translater('hello','de');" value="Translate Hello#de" />

JavaScript

function translater(text,lang)
{   
 
         $('body').append('please wait '+text+'<hr />').show();
    
         google.load("language", "1");
         
         google.language.detect(text, function(result)
         {
           if (!result.error && result.language)
           {
              google.language.translate(text, '', lang,                        
              function(result)
              {
                if (result.translation)
                {
                  $('body').append(''+text+' - '+result.translation+'<hr />').show();
                  return true;
                }
                else
                {
                  $('body').append('no result for '+text+'<hr />').show();
                }
             });
           }
           else
           {
               $('body').append('no result for '+text+'<hr />').show();
           }
         });    
    
}

$('input').click(function(){
  translater('hello','de')
});