JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/ngStorage/0.3.6/ngStorage.min.js"></script>
		<div ng-app="App">
			<div ng-controller="lsController">
				<button ng-click="$storage.counter = $storage.counter + 1">{{$storage.counter}}</button>
				<button ng-click="$storage.counter = 0" id="button1">reset counter</button>
				<button ng-click="resetStorage()"	 	id="button2">reset counter</button>
			</div>		    
		</div>

JavaScript

angular.module('App', ['ngStorage'])
	.controller('lsController', function ($scope, $localStorage) {
		$scope.$storage = $localStorage.$default({
		    counter: 0
		});	 

	    $scope.resetStorage = function () {
	    	console.log('reset');
	    	$storage.counter = 0;
	    };		   
	});