JSFiddle - React, Tailwind, and code Playground

by Sajeetharan Sinnathurai

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular-cookies.js"></script>
<div ng-app="myApp">
    <div id="lastVal" ng-controller="CookieCtrl">{{name}}</div>
    
</div>

CSS

#lastVal {
    width: 5em;
    text-align: left;
    font-family: Courier;
    border: 1 px solid black;
    margin-top: 0px;
    margin-bottom: 1em;
}

#button-holder {
    width: 5em;
    padding-top: 1em;    
}

JavaScript

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

myApp.controller('CookieCtrl', function ($scope, $cookies) {
       $cookies.name = "Alfred";
    $scope.name = $cookies.name ;
});