How to ensure that the text input elements are the only children?

Question

In the listener that has been added to the section element, ensure that the text input elements are the only children that trigger the background-changing behavior.

I couldn't solve this I did as I learned in the video though Can anyone help me please!

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>

app.js

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

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

Answer 1 · 2017-04-21T00:05:42Z

April 21, 2017 12:05am

You are really close!

You've nearly got it. You had the right idea about testing the target's tag name, but you have two minor issues:

you have an assignment (single "=") where you probably want an equality test (double "==")
tags in the tagName property are always represented in UPPER CASE.

Answer 2 · 2017-09-28T07:12:51Z

September 28, 2017 7:12am

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

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

Answer 3 · 2017-04-21T00:43:29Z

April 21, 2017 12:43am

Thanks a lot

Welcome to the Treehouse Community

Looking to learn something new?

ghazikerkeni

ghazikerkeni

How to ensure that the text input elements are the only children?

3 Answers

Steven Parker

Steven Parker

You are really close!

cossy

cossy

Steven Parker

Steven Parker

ghazikerkeni

ghazikerkeni