JavaScript JavaScript and the DOM Traversing the DOM Child Traversal

travis halarewich
travis halarewich
6,275 Points

i must be going blind, unable to find syntax error

i keep getting the following error "Bummer: SyntaxError: app.js: Unexpected token ) (6:40)" even after simply deleting the unexpected parenthesis it will just give me the same error saying an "unexpected '{' " is now in the code

app.js
var section = document.querySelector('section');
var paragraphs;

paragraphs = section.children;

for(i = 0, i < paragraphs.length, i += 1){
  paragraphs[i].style.color = 'blue';
}
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; 2019</p> 
        </footer>
        <script src="app.js"></script>
    </body>
</html>

1 Answer

Armin Kadic
Armin Kadic
12,795 Points

You almost had it! Two things that you need to add/change. First add "let" in front of "i" in the loop, because otherwise the variable "i" won't be created. Second, you've put a "," (comma) in the loop while it needs to be a ";" (semicolon). That should solve your problem! Good luck :)

travis halarewich
travis halarewich
6,275 Points

thank you!!! after hours of going through some of the courses then this happened starring at it for an hour wasn't helping!