Why does this code doesn't work?

Question

<html> <head> </head> <body> <ul> <li id="first">Thing 1</li> <li id="second">Thing 2</li> <li id="third">Thing 3</li> </ul> <script src="http://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script> <script src="app.js"></script> </body> </html> //JavaScript file $("li").find("#first").css("color","red");

Answer 1 · 2017-08-13T20:16:12Z

August 13, 2017 8:16pm

Hi Vic,

First of all, great that you post a code example :). However it might be better to format the code in a way it's better structure and readable (check out the markdown cheatsheet).

To answer your question.
Did you define the doctype at the beginning of your HTML? Not sure if this can cause a problem. But it's best practice to do so.

<!DOCTYPE html>

Did you put your app.js inside a folder or is it in the root folder?

The code of your javascript file could be simpler:

 $("#first").css("color","red");

Also it might be a good idea to wrap your code into a document.ready() function, so that your code is run when the complete page is loaded.

$( document ).ready(function() {
    $("#first").css("color","red");
});

Let me know if this works for you!

Welcome to the Treehouse Community

Looking to learn something new?

Vic Mercier

Vic Mercier

Why does this code doesn't work?

1 Answer

Bram Pauwelyn

Bram Pauwelyn

Jennifer Nordell

Jennifer Nordell

Bram Pauwelyn

Bram Pauwelyn