JSFiddle - React, Tailwind, and code Playground

HTML

Enter string to be translated: <input type="text" id="translate_me" /><br />
<input type="button" id="translate" value="Click to Translate" /><br/><br/>
<div id="result"></div>

JavaScript

var apiurl = 'https://ajax.googleapis.com/ajax/services/language/translate?v=1.0&langpair=en%7Cfr&q=';

$("#translate").click(function(e) {
    e.preventDefault();
    $.ajax({
        url: apiurl+encodeURIComponent($("#translate_me").val()),
        dataType: 'jsonp',
        success: function(data) {
            $("#result").html(data.responseData.translatedText);
        }
    });    
});