JSFiddle - React, Tailwind, and code Playground

by Samar Pattanayak

HTML

<div ng-app="ang">
  <div ng-controller="mainController">
    <strong>{{type}}</strong> Example with <strong>{{type1}}</strong>
    <p>
      <input type="text" ng-model="username" placeholder="Username"/>
      <input type="password" ng-model="password" placeholder="Password"/>
    </p>
    
    <p>
      <input type="button" ng-click="set(username,password)" value="Set Value"/>
      <input type="button" ng-click="get()" value="Get Value"/>
    </p>
  </div>
</div>

JavaScript

var angApp= angular.module("ang",[]);

angApp.controller("mainController", function($scope,$window){
	$scope.type="LocalStorage";
  $scope.type1="$cookies";
  $scope.set = function(username,password){
  	$window.localStorage["token"]= username +"."+  (Math.random(4,4)*1000) +"."+ password;
    $window.localStorage.setItem("token1", "setting through setItem function");
    console.log($window.localStorage["token"]);
    //alert($window.localStorage["token1"]);
    //$window.localStorage["token"]="";
  }
  $scope.get= function(){
  	if($window.localStorage["token"].length >0 ){
    	var token = $window.localStorage["token"];
     	var user= token.split(".")[0];
    	var pass= token.split(".")[3];
    	console.log("userName :"+ user +" and password :" + pass);
    }else{
    	console.log("please set values in LOCALSTORAGE before fetching it");
    }
  	
  }
})