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

Edmundo Ruiz
Edmundo Ruiz
3,488 Points

Can't seem to find the condition

Ok, so I can see the selectors, and how we use indexText insode the parseInt of the function to get the value of the input.

I see how law uses the for loop in the index of the selector laws to grab all the list items.

I have tried the same thing inside the condition (law[index]) to see if that will use the input to select a specific li.

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.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>

1 Answer

If you enter 0 into the input field, it should make bold the first law, or laws[0].

If you enter 1, it should make bold laws[1].

If you enter 2, it should make bold laws[2].

So what two variables do you need to compare in the if clause? And what operator do you use to see if two values are equal?

Hint: you declare the variables just inside the function.