Challenge Task 2 of 3 Next, add a click event listener to button. Pass an empty function as the second parameter.

Question

Challenge Task 2 of 3 Next, add a click event listener to button. Pass an empty function as the second parameter. I do not understand. Please can you write the code so that I can understand ? Thanks.

app.js

var warning = document.getElementById("warning");
var button  = document.getElementById("makeItRed");
button.addEventListener()("click", function () {

});
:))) check :))

index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Adding an Event Listener</title>
    </head>
    <link rel="stylesheet" href="style.css" />
    <body>
        <div id="warning">
            Warning: My background should be red!
        </div>
        <button id="makeItRed">Make It Red!</button>
        <script src="app.js"></script>
    </body>
</html>

Answer 1 · 2019-04-03T16:31:00Z

April 3, 2019 4:31pm

You got everything right except the set of parentheses in front of your addEventListener method, and the big ol' chunk of parentheses and colons at the bottom of your code.

Anyways, your code should look like this:

var warning = document.getElementById("warning");
var button  = document.getElementById("makeItRed");

button.addEventListener('click', function() {

});

Welcome to the Treehouse Community

Looking to learn something new?

mo ode

mo ode

Challenge Task 2 of 3 Next, add a click event listener to button. Pass an empty function as the second parameter.

1 Answer

Antony .

Antony .

RODRIGO MARTINEZ

RODRIGO MARTINEZ

Antony .

Antony .

RODRIGO MARTINEZ

RODRIGO MARTINEZ