JSFiddle - React, Tailwind, and code Playground

by orthosie

HTML

<div id="result">

</div>

<script>
translateText("Master Obiwan has lost a planet");
</script>

JavaScript

function translateText(messageform) {
    $.ajax({
            url: "http://api.funtranslations.com/translate/yoda.json",
            beforeSend: function (request)
            {
                request.setRequestHeader("X-FunTranslations-Api-Secret", "bgC3XPappgOdv2oYE07dzgeF");
            },        
        type: 'POST',
        data: {text: messageform},
        processData: false
    }).done(function (data) {
        alert(data);
        if (data.length != 0) {
          //  JSON.stringify({ 'text': message });
            var translation = data.contents.translated
            //response(translation);
        }
        else {
            pageheader.innerHTML = "No text detected";
        }
    })
    .fail(function (error) {
        alert("Data hasn't come in");
        console.log(error.getAllResponseHeaders());
    })
}