JSFiddle - React, Tailwind, and code Playground

by Fábio Henrique Gonzales Barbosa

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<body>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.js"></script>
    
    <div ng-app="myApp">
        <div ng-controller="HtmlController" class="container">
            <button class="btn btn-primary" type="button" ng-click="buscarJson()">
                Verificar IP
            </button>
            
            <h4> Seu IP Address é: </h4>
            
            <p>
                {{json.ip}}
            </p>
  
        </div>
    </div>
</body>

JavaScript

var app = angular.module('myApp', []);

app.controller('HtmlController',['$scope', '$http', function ($scope, $http) {
    var endpoint = 'http://162.243.233.191:3000/api/ip';
    
    $scope.buscarJson = function () {
        $http.get(endpoint).success(function (data) {
            $scope.json = data;
        }).error(function (error) {
            alert('Endpoint error: '+ error.message);
        });
    };
    
}]);