JSFiddle - React, Tailwind, and code Playground

by callmepc

HTML

<div id="content">
    I don't know what I'm doing here. But nothing goes in vain. You eventually end up learning some really good stuff.
</div>
<button id="btnTranslate">Translate</button>
<br />
<br />
<div id="result"></div>

JavaScript

$('#btnTranslate').click(function(){
    var p = {};
    p.appid = '19F8AE9103652BBFB1DA5012E6DC1BA37562952C';
    p.to = 'hi';
    p.from = 'en';
    p.text = window.getSelection();

    $.ajax({
       url: 'http://api.microsofttranslator.com/V2/Ajax.svc/Translate',
       data: p,
       dataType: 'jsonp',
       jsonp: 'oncomplete',       
       success: function(data, status) {           
               $('#result').html(data); 
       },
       error: function(request, status, error) {
           alert('error: status-'+status+',desc-'+error);
       }

   });
});