JavaScript JavaScript and the DOM Traversing the DOM Child Traversal

Zach Miner
Zach Miner
Full Stack JavaScript Techdegree Student 3,053 Points

Need Help Please...

Not sure why this isn't working. I tried multiple iterations/subtle-changes but still am receiving an error that 'i' is not defined. Appreciate any help. Thank you!

app.js
var section = document.querySelector('section');
var 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

Jamie Reardon
Jamie Reardon
Treehouse Project Reviewer

Remove the parenthesis around the blue value and use quote marks, it is a string value.

i is not defined because you haven't declared it as a variable, therefore you want to use the keyword before i:

for (let i = 0; i < paragraphs.length; i += 1) {}