Untitled

<!DOCTYPE html>
<html>

<head>
    <script data-require="angular.js@1.2.17" data-semver="1.2.17" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
</head>

<body ng-app="clarityApp">
    <div ng-controller="SearchCtrl as search">
      {{search.count}}<br>
      <button ng-click="search.btnPress()">++</button>
    </div>
</body>

</html>

;(function () {

    'use strict';

    var app = angular.module('clarityApp', []);
    
    app.controller('SearchCtrl', function () {
    
        var _this = this;
    
        this.count = 0;
    
        this.btnPress = function() {
            _this.count++;
        };
    
    });

}());

/* Styles go here */

body { font-size: 200%; }
div { text-align: center; margin-top: 20%; }
button { font-size: .7em; }