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

Nebojsa Stevanovic
Nebojsa Stevanovic
Full Stack JavaScript Techdegree Student 4,702 Points

i don't think that i understand what i need to do here...

i don't think that i understand what i need to do here...

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>

5 Answers

KRIS NIKOLAISEN
PRO
KRIS NIKOLAISEN
Pro Student 50,875 Points

The goal is to "embolden the list item with the corresponding index"

The index entered by the user is provided as:

const index = parseInt(indexText.value, 10);

After this the list items are looped through using index i

So if i matches the index entered by the user the list item should be emboldened.

KRIS NIKOLAISEN
PRO
KRIS NIKOLAISEN
Pro Student 50,875 Points

Close. laws[i] is an element. You want to use the index of that element which is just i

Also you need a comparison operator instead of the assignment operator.

Nebojsa Stevanovic
Nebojsa Stevanovic
Full Stack JavaScript Techdegree Student 4,702 Points

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= laws[i]) {

       law.style.fontWeight = 'bold';
   } else {
       law.style.fontWeight = 'normal';
   }
}

});

i am close ??

Nebojsa Stevanovic
Nebojsa Stevanovic
Full Stack JavaScript Techdegree Student 4,702 Points

omg.. i got it finally.. ```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===i) {

       law.style.fontWeight = 'bold';
   } else {
       law.style.fontWeight = 'normal';
   }
}

});``` thank youu

KRIS NIKOLAISEN
PRO
KRIS NIKOLAISEN
Pro Student 50,875 Points

Yeah. It's one of those challenges that once you see it you are surprised at how much easier it is than you originally thought.