JSFiddle - React, Tailwind, and code Playground

by jcutrell

HTML

<form>
<input>
</form>
<div id="pictureholder"></div>

JavaScript

$("form").on("submit", function(e){
    e.preventDefault();
    var q = encodeURIComponent($("input").val());
    runSearch(q);
});

function runSearch(q){
    $.getJSON("http://search.twitter.com/search.json?q="+q+"&callback=?", function(tweetdata){ 
        console.log(tweetdata);
        var query = "cats";
        var flickrurl = "http://api.flickr.com/services/rest/?api_key=22d62a238ce3021d95e5a7038db377df&method=flickr.photos.search&format=json&text=cats";
        console.log("test!");
        $.getJSON(flickrurl, function(flickrdata){
            console.log(flickrdata);
        });
    });
}