title: Unable to find script source
body: <p>I know asking this is silly but I am stuck and not getting out of it. I am new to Angular.js and have created the following program but it is not running as the program can't find the script sources..I have tried all the possible ways but haven't found the solution.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="eventsApp"&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div ng-controller="EventController"&gt;
          {{event.name}}
      &lt;/div&gt;
      &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js" &gt; &lt;/script&gt;
      &lt;script type="text/javascript" src="/js/app.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="/js/controllers/EventController.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Following is the snapshot of my folder arrangement:</p>
  
  <p><a href="https://i.stack.imgur.com/cincV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cincV.png" alt="enter image description here"></a></p>