JSFiddle - React, Tailwind, and code Playground

by serio

HTML

url to shorten: <input class=input type=text /><button class=send>send</button><br />
shortened: <span class=output></span>

JavaScript

function get_short_url(long_url, login, api_key, func)
{
    $.getJSON(
        "http://api.bitly.com/v3/shorten?callback=?", 
        { 
            "format": "json",
            "apiKey": 'R_53636547136115c33272b2956100fadf',
            "login": 'o_2ak4gsrk79',
            "longUrl": long_url
        },
        function(response)
        {
            $('.output').html('<a target="_blank"  href="'+response.data.url+'">'+response.data.url+'</a>');
        }
    );
}

$( '.send' ).click( function( e ) {
   var input = $( '.input' );
    if( input.val().length ) {
        get_short_url( input.val() );
    }
});