DOM Scripting By Example: Last Challenge Question

Question

I am attempting to complete this challenge where I must fill in the proper test condition within the if statement. I have tried to do: if (index.value === law.value). However it is not providing me with the correct output. I know the text value must equal the index value, where am I going wrong?

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

           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 · 2019-05-01T23:48:24Z

May 1, 2019 11:48pm

Hi there, Jeremy Gutzwiller ! I received your request for assistance. And you are correct, the value stored in the indexText (which is storing whatever the user typed in) must equal the index. But remember, we're using the variable i in our loop to determine which index we're currently looking at.

So as it loops through it should be asking if the index we're looking at currently i is equal to what is stored in our indexText variable. Just as an additional note, you will not need any other additional code other than to change what is in those parentheses.

A little pseudocode:

if the `value` stored in `indexText`  is equal to the current index we're looking at...

Hope this helps!

edited for better wording

Jeremy Gutzwiller

Jeremy Gutzwiller

DOM Scripting By Example: Last Challenge Question

Takuya Hirata

Takuya Hirata

1 Answer

Jennifer Nordell

Jennifer Nordell

Jeremy Gutzwiller

Jeremy Gutzwiller

Jeremy Gutzwiller

Jeremy Gutzwiller

DOM Scripting By Example: Last Challenge Question

Takuya Hirata

Takuya Hirata

1 Answer

Jennifer Nordell

Jennifer Nordell

Jeremy Gutzwiller

Jeremy Gutzwiller

Sign in