JSFiddle - React, Tailwind, and code Playground

by mynameisdonald

HTML

<body ng-app="myApp">
 
    <div ng-controller="myController">
      <form class="well form-search">
          <label>Search:</label>
          <input type="text" ng-model="keywords" class="input-medium search-query" placeholder="Keywords...">
          <button type="submit" class="btn" ng-click="search()">Search</button>
          <p class="help-block">Try for example: "php" or "angularjs" or "asdfg"</p>     
      </form>
      <pre ng-model="result">
      {{result}}
      </pre>
   </div>
</body>

CSS

/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
#map_canvas img,.google-maps img{max-width:none;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html...

JavaScript

var myApp = angular.module('myApp',[]);
     
    myApp.controller('myController', ['$scope', '$http', function($scope, $http) {
      $scope.greeting = 'Hola!';
      $scope.api = '470fd2ec8853e25d2f8d86f685d2270e';
        $scope.search = function(id) {
          console.log($scope.keywords);
          $http.get('http://api.themoviedb.org/3/search/movie?api_key=' + $scope.api + '&query='+$scope.keywords).success(function(data) {
              console.log(data);
            $scope.result = data;
          });
        }
    }]);