title: Angular JS - Error: ng:areq Bad Argument Argument 'GameContoller' is not a function, got undefined
body: <p>I'm just trying to link up my "GameController" in Angular and it keeps spitting out this error above. Haven't put anything in the scope yet but I'm not sure what's wrong with my controller. Any suggestions? It's for a basic Tic Tac Toe game.</p>
  
  <p>JS:</p>
  
  <pre><code>// module
  var xoxoApp = angular.module('xoxoApp', []); 
  
  // defines controller
  xoxoApp.controller('GameController', function ($scope) {  
      $scope.boxes = []
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="xoxoApp"&gt;
  &lt;head&gt;
  
  &lt;link rel="stylesheet" type="text/css" href="xoxo.css"&gt;
  
  &lt;script src="angular.min.js"&gt;&lt;/script&gt;  
  
  &lt;script src="xoxo.js" type="text/javascript"&gt;&lt;/script&gt;
  
  
  &lt;title&gt;Tic Tac Toe&lt;/title&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div ng-controller="GameContoller"&gt;
      &lt;div id="container"&gt;
  
          &lt;div class= "squares" id="box1" onclick="clickBox('box1')"&gt;&lt;/div&gt;
          &lt;div class= "squares" id="box2" onclick="clickBox('box2')"&gt;&lt;/div&gt;
          &lt;div class= "squares" id="box3" onclick="clickBox('box3')"&gt;&lt;/div&gt;
  
          &lt;div class= "squares" id="box4" onclick="clickBox('box4')"&gt;&lt;/div&gt;
          &lt;div class= "squares" id="box5" onclick="clickBox('box5')"&gt;&lt;/div&gt;
          &lt;div class= "squares" id="box6" onclick="clickBox('box6')"&gt;&lt;/div&gt;
  
          &lt;div class= "squares" id="box7" onclick="clickBox('box7')"&gt;&lt;/div&gt;
          &lt;div class= "squares" id="box8" onclick="clickBox('box8')"&gt;&lt;/div&gt;
          &lt;div class= "squares" id="box9" onclick="clickBox('box9')"&gt;&lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>