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 JavaScript and the DOM (Retiring) Traversing the DOM Child Traversal

Joseph Spirito
Joseph Spirito
11,007 Points

Bummer: SyntaxError: app.js: Unexpected token `)` (3:5)

I removed my loop text to find out why this error is popping.

I am supposed to create a loop to turn the paragraph elements in <section> "blue".

I'm not understanding why the basic loop structure itself is causing the system to pop a syntax error.

app.js
const section = document.querySelector('section');
let paragraphs = section.children;
for () {

}
index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Child Traversal</title>
    </head>
    <body>
        <section>
            <p>This is the first paragraph</p>
            <p>This is a slightly longer, second paragraph</p>
            <p>Shorter, last paragraph</p>
        </section>
        <footer>
            <p>&copy; 2016</p> 
        </footer>
        <script src="app.js"></script>
    </body>
</html>

1 Answer

Antonio De Rose
Antonio De Rose
20,885 Points

this will anyway throw an error, cause, this is not an engine parser, to validate your code, but, it is programmed in a way to understand the answer to the question, if I am not mistaken. if you want to do thorough checking on parsing and syntax checking, you can use jsfiddle

but for quizzes, you cannot rely, on the actions you have taken here. it needs to be point to point, question to answer, and answer to question.

const section = document.querySelector('section');
let paragraphs = section.children;
for () {

}