Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Is there any easy way to find the correct answer when I can't figure it out (e.g. answer key or something like that)?

so... I run into this problem all the time. For some challenges I can't figure out the right answer and simply have to skip the challenge. It would be nice if Treehouse would provide an answer key somewhere...

app.js
var sayButton = document.getElementById("say");
var greeting = function() {
  alert("Hello World!");
};

onClick.sayButton = greeting; 
index.html
<!DOCTYPE html>
<html>
<head></head>
<body>
<button id="say">Say "Hello World!"</button>
<script src="app.js"></script>
</body>
</html>

1 Answer

Josh Olson
Josh Olson
13,236 Points

You're on the right track, but you did it backwards.

What you wrote

onClick.sayButton = greeting; 

What it should be

sayButton.onclick = greeting;

For one, capitalization is very sensitive. onclick is all lowercase.

Secondly you did the dot notation backwards. Think of it as a possessive property: man's coat, baby's rattle, child's toy. Dot notation is just like that, but for programming: element.onclick.

More documentation and usage for onclick.

Good luck out there!