JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="srcCriteria"/>
<input type="button" id="button2" value="Click Me" />

JavaScript

$('#button2').click(function() {
if($('#srcCriteria').val() == "")  alert('Please enter a search criteria');
else
{
	var srchParam = $('#srcCriteria').val();
	$.ajax({
    url: "//api.giphy.com/v1/gifs/search?q=" + $('#srcCriteria').val() +  "&api_key=dc6zaTOxFJmzC",
    type: "GET",
    success: function(response) {
    //alert("hello");
        //console.log(response.data);
        console.log(response.data[0].bitly_url);
    },
   error: function (e) {
   alert(e);
   }
});
}
   
});