Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Interactive Web Pages with JavaScript Selecting Elements and Adding Events with JavaScript Adding Events

fabio sarcon
fabio sarcon
4,410 Points

Not Work

Hello guys, I can not complete this operation because the system tells me that there is an error, but I'm sure the code is correct. Is it a bug?

app.js
var sayButton = document.getElementById("say");
var greeting = function() {
  alert("Hello World!");
  sayButton.onclick  =  greeting;
}
index.html
<!DOCTYPE html>
<html>
<head></head>
<body>
<button id="say">Say "Hello World!"</button>
<script src="app.js"></script>
</body>
</html>
fabio sarcon
fabio sarcon
4,410 Points

Fixed. My mistake .. the line of code was placed after the brackets, on line 5, but I'd written inside. ;)

3 Answers

Nathan Williams
seal-mask
.a{fill-rule:evenodd;}techdegree
Nathan Williams
Python Web Development Techdegree Student 6,851 Points

super close, Fabio!

You've got the correct code, but it's currently inside the greeting function. If you move it outside the greeting function, it should work!

edit: and i see you figured it out already, nice!

Stanley Thijssen
Stanley Thijssen
22,831 Points

Hi fabio you should call sayButton.onclick = greeting; outside of your function and it should work:)

fabio sarcon
fabio sarcon
4,410 Points

Thank you guys! I noticed my mistake immediately after publishing my "Help".

Thanks a lot!