Changing style of last and first Element after button clicked

Question

Resolve this with code:
const listUl = list.querySelector("ul");
const lis = listUl.children;
var firstListItem = listUl.firstElementChild;
var lastListItem = listUl.lastElementChild;
firstListItem.style.backgroundColor = 'lightskyblue';
lastListItem.style.backgroundColor = 'lightsteelblue';
function clear () {
    for (var i = 0; i < lis.length; i++) {
        lis[i].style.backgroundColor = "white";
    }
}
document.addEventListener("click", () => {
        firstListItem = listUl.firstElementChild;
        lastListItem = listUl.lastElementChild;
        clear ();
        firstListItem.style.backgroundColor = 'lightskyblue';
        lastListItem.style.backgroundColor = 'lightsteelblue';
})

Viktoria Napolska · Answer

Thank you, but it's really my photo))

Viktoria Napolska · Answer

I just try to show my solution of the teacher last task. Everything works. Sorry for bothering you) And thank you for help!)

Steven Parker · Answer

The HTML part of the code is missing, and there's nothing in the JavaScript that appears to be associated with any button(s).
You may need to explain your issue in more detail, and provide the whole code.  The best way to share the entire project is to make a snapshot (https://teamtreehouse.com/library/previews-and-snapshots) of your workspace and post the link to it here.

Welcome to the Treehouse Community

Looking to learn something new?

Viktoria Napolska

Viktoria Napolska

Changing style of last and first Element after button clicked

deebird

deebird

3 Answers

Steven Parker

Steven Parker

Viktoria Napolska

Viktoria Napolska

Steven Parker

Steven Parker

Viktoria Napolska

Viktoria Napolska