[Fixed] I believe your task is bugged, since my solution works perfectly fine in JSFiddle.

Question

EDIT: I had incorrect condition; <= instead of <. It was producing desired result, but it was also trying to apply that style on non-existing extra element in the array, thus giving me an error in the console.

app.js

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


for (let 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; 2016</p> 
        </footer>
        <script src="app.js"></script>
    </body>
</html>

Answer 1 · 2017-03-21T18:18:56Z

March 21, 2017 6:18pm

Yeah, even though it was working, it was producing an error.

I've fixed it, but forgot to edit / add comment to the first post. Thanks! :D

Welcome to the Treehouse Community

Looking to learn something new?

Momir Zmijanac

Momir Zmijanac

[Fixed] I believe your task is bugged, since my solution works perfectly fine in JSFiddle.

1 Answer

Momir Zmijanac

Momir Zmijanac

jacobproffer

jacobproffer