JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<div ng-app="myApp" ng-controller="myController">
        <div>
            <input type="text" ng-model="name" placeholder="Enter your name" />
            <p><button ng-click="submit()">Submit</button></p>
        </div>
        <p>{{result}}</p>
    </div>

CSS

input, div
        {
            font:15px Verdana;
        }

JavaScript

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

    myApp.controller('myController', ['$scope', function ($val) {

        $val.submit = function () {

            if (angular.isDefined($val.name))
                $val.result = 'Hello  ' + $val.name + '!';
            else
                $val.result = 'Please enter your name';
        }
    } ]
    );