Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript AngularJS Basics (1.x) Controllers and Scope Setting Up Our Todo App

Posted by Susan Rusie
Susan Rusie
10,671 Points

Why am I not seeing the list that runs in the broswer?

I followed the video, removing the hello-world.js file and got rid of the div tags with hello-world, but I still am not seeing what I should in the browser. When I check the developer tools, it said that it can't load the "hello-world.js" files and I noticed Huston left the script tag in there for the "hello-world.js", even though the file doesn't exist anymore. If that were the problem, I would have noticed it right away. What do I need to do to get this to work? Here is my code for my index.html:

<!doctype html>
<html lang="en">
<head>
  <title></title>
  <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
  <link href='styles/main.css' rel='stylesheet' type="text/css">
</head>
<body ng-app="todoListApp">


  <script src="vendor/angular.js" type="text/javascript"></script>
  <script src="scripts/app.js" type="text/javascript"></script>
  <script src="scripts/hello-world.js" type="text/javascript"></script>
</body>
</html>

1 Answer

Alberto Martinez Pascual
Alberto Martinez Pascual
6,714 Points
Alberto Martinez Pascual
Alberto Martinez Pascual
6,714 Points

Hello Susan, with this code in your index.html it should work:

<!doctype html>
<html lang="en">
<head>
  <title></title>
  <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
  <link href='styles/main.css' rel='stylesheet' type="text/css">
</head>
<body ng-app="todoListApp">
    <h1>My TODOs</h1>
    <div class="list">
        <input type="checkbox"/>
        <label class="editing-label">A sample to do!</label>
        <input type="text" class="editing-label"/>
    </div>
    <div class="actions">
        <a href="">edit</a>
        <a href="">save</a>
        <a href="" class="delete">delete</a>
    </div>
  <script src="vendor/angular.js" type="text/javascript"></script>
  <script src="scripts/app.js" type="text/javascript"></script>
</body>
</html>

Best regards! Alberto