In the if statement, I want to check if index is equal to the index of the law but I'm not able to get it right.

Question

I'm not sure how to determine the index of the law inside the for loop. I might be making this more complicated than it needs to be, but I'm very confused at the moment.

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 ( law === index) {
           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>

Answer 1 · 2020-07-14T10:06:34Z

July 14, 2020 10:06am

I figured it out in the end. Instead of using law in the if statement, I should have used i

Welcome to the Treehouse Community

Looking to learn something new?

Anandi Ellis

Anandi Ellis

In the if statement, I want to check if index is equal to the index of the law but I'm not able to get it right.

1 Answer

Anandi Ellis

Anandi Ellis