JSFiddle - React, Tailwind, and code Playground

by Yaser Mehraban

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<div ng-app="app">
   <div ng-controller="Controller as vm">
   <input type="text" ng-model="vm.ip" id="ipInput"  />
    <button id="getIP">Get IP</button>
    <br />
    <p>TEST: {{vm.ip}}</p>
   </div>
    
</div>

JavaScript

var app = angular.module('app', []);
app.controller('Controller', function() {
    var vm = this;
    vm.ip = "test";

    $("#getIP").on("click", () => {
       
        $.get("https://api.ipify.org/?format=json", (response) => {
            
            vm.ip = response.ip;       
            $("#ipInput").focus();
        });
    });
});