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 DOM Scripting By Example Editing and Filtering Names Fix DOM Manipulation Code

Posted by Darrin Spell Jr
.a{fill-rule:evenodd;}techdegree
Darrin Spell Jr
Full Stack JavaScript Techdegree Student 10,303 Points

I am stumped. Please help.

I understand that the challenge is asking me to embolden only index's 0, 1, and 2. I don't know how to correct this code to do that. I just need an explaination on how to do so. Thank you in advance.

app.js 
const laws = document.getElementsByTagName('li');
const indexText = document.getElementById('boldIndex');
const button = document.getElementById('embolden');

button.addEventListener('click', (e) => {
    const index = parseInt(indexText.value, 10);

    for (let i = 0; i < laws.length; i += 1) {
       let law = laws[i];

       // replace 'false' with a correct test condition on the line below
       if (false) {

           law.style.fontWeight = 'bold';
       } else {
           law.style.fontWeight = 'normal';
       }
    }
});
index.html 
<!DOCTYPE html>
<html>
<head>
  <title>Newton's Laws</title>
</head>
<body>
  <h1>Newton's Laws of Motion</h1>
  <ul>
    <li>An object in motion tends to stay in motion, unless acted on by an outside force.</li>
    <li>Acceleration is dependent on the forces acting upon an object and the mass of the object.</li>
    <li>For every action, there is an equal and opposite reaction.</li>
  </ul>
  <input type="text" id="boldIndex">
  <button id="embolden">Embolden</button>
  <script src="app.js"></script>
</body>
</html>

2 Answers

Steven Parker
Steven Parker
231,248 Points
Steven Parker
Steven Parker
231,248 Points

Here's a few hints:

  • it's easier than you might think
  • you only need to replace "false" with a comparison expression
  • you're looking for a match between the loop variable and the index selected by the input
  • the existing code has conveniently put the value of the input into the variable "index" already

I'll bet you can get it now!

Darrin Spell Jr
seal-mask
.a{fill-rule:evenodd;}techdegree
Darrin Spell Jr
Full Stack JavaScript Techdegree Student 10,303 Points
Darrin Spell Jr
.a{fill-rule:evenodd;}techdegree
Darrin Spell Jr
Full Stack JavaScript Techdegree Student 10,303 Points

Ya I just got it! if ( i === index) Thank you Steven!