How do I select all of the ul elements so that I can change the background colour?

Question

Help

app.js

let section = document.getElementsByTagName('section')[0];

section.addEventListener('click', (e) => {
  e.target.style.backgroundColor = 'rgb(255, 255, 0)';
});

index.html

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript and the DOM</title>
    </head>
    <link rel="stylesheet" href="style.css" />
    <body>
        <section>
            <h1>Making a Webpage Interactive</h1>
            <p>JavaScript is an exciting language that you can use to power web servers, create desktop programs, and even control robots. But JavaScript got its start in the browser way back in 1995.</p>
            <hr>
            <p>Things to Learn</p>
            <ul>
                <li>Item One: <input type="text"></li>
                <li>Item Two: <input type="text"></li>
                <li>Item Three: <input type="text"></li>
                <li>Item Four: <input type="text"></li>
            </ul>
            <button>Save</button>
        </section>
        <script src="app.js"></script>
    </body>
</html>

Answer 1 · 2019-09-06T08:55:23Z

September 6, 2019 8:55am

section.addEventListener('click', (e) => {
    if (e.target.tagName != "INPUT") return;
    e.target.style.backgroundColor = 'rgb(255, 255, 0)';
});

source: This link

One tip from me: If no is online to respond to your question, copy the challenge text and google it, there is already people who managed to solve it.

Welcome to the Treehouse Community

Looking to learn something new?

Lucas Bryce

Lucas Bryce

How do I select all of the ul elements so that I can change the background colour?

1 Answer

Tom Achki

Tom Achki

Lucas Bryce

Lucas Bryce