Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript DOM Scripting By Example Editing and Filtering Names Fix DOM Manipulation Code

Maj Gajšek
seal-mask
.a{fill-rule:evenodd;}techdegree
Maj Gajšek
Front End Web Development Techdegree Student 10,200 Points

I`am not shure what to do here.

I`am not shure what to do here. I do not understand the requirements to finish the challenge.

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

Hi Maj,

i get you, the task sounds a little cryptic... ;-)

If you look a the preview, you see this input field where you are supposed to enter a number 0, 1 or 2 for the number of the list item you want to bolden...

This number input is selected and stored in the variable index on line 6.

Then there is a loop running through the array of the three list items, counting with the array index with the variable "i".

The only thing you want to now do is to check wether index (that you entered) is equal to i.

If it is equal this list item then gets bolded.

Makes sense?

Blessings from Berlin and happy java-scripting, Nils

PS: If my answer helped you or solved your issues, please upvote my answer and/or mark it as "Best answer" (so people browsing the community forum know your issue is solved)

Maj Gajšek
seal-mask
.a{fill-rule:evenodd;}techdegree
Maj Gajšek
Front End Web Development Techdegree Student 10,200 Points

Hello Nils

I does sound a bit cryptic :sweat_smile: a little less now with your assistance.

I have edited the conditional statement so that it checks [i]. Now after putting in the result I see what the challenge was wanting me to do.

Once more Nils I thank your for taking the time to help me :right-facing_fist::left-facing_fist: I hope you have a pleasant day.