I figured this challenge out but probably in the wrong way. Need some help.

I noticed that const laws was returning an HTML collection and not a normal array. I didn't know how to get an array index from something like this. So I ended up targeting the ul children and using... ul.item(index) == ul.item(i).

we never went over .item() - I googled for it. so I'm trying to figure out what concept I missed/forgot that would allow me to do this the way treehouse expected it?

Overall I realize the challenge is trying to get a list item to match the input we type in. Here is the code so you can see how I did it

const laws = document.getElementsByTagName('li'); const indexText = document.getElementById('boldIndex'); const button = document.getElementById('embolden'); const ul = document.querySelector('ul'); const children = ul.children;

button.addEventListener('click', (e) => { const index = parseInt(indexText.value, 10);

for (let i = 0; i < laws.length; i += 1) {


   // replace 'false' with a correct test condition on the line below
   if (children.item(index) == children.item(i)) {

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

console.log(children[1]); } });