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 Callback Functions in JavaScript Introduction to Callback Functions Creating an Anonymous Callback Function

Julianna Kahn
Julianna Kahn
20,702 Points

I keep getting the answer: Bummer: The callback still has a name! But the code does work.

I've seen other answers posted for this but I still don't find anything that works.

app.js
function log() {
  console.log("Hello World!");
}

functionRunner(log);
index.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <link rel='stylesheet' href='styles.css'>
    </head>
    <body>
        <section>
            <p>Open your browser's console to see the results</p>
        </section>
        <script src='runner.js'></script>
        <script src='app.js'></script>
    </body>
</html>
runner.js
function functionRunner(callback) { 
  callback();
}

functionRunner(() => console.log("Hello World") );

2 Answers

You forgot the exclamation mark "!" in your string. Running your code with the added exclamation mark works for me.

Julianna Kahn
Julianna Kahn
20,702 Points

You're right about the exclamation point so I added that, but I still get the same error message. And you're right, it does work. It seems they are looking for a different format of sorts.

BTW, the question is: In the app.js file, functionRunner executes a callback, log. Convert log in to an anonymous function and pass the anonymous function directly into functionRunner.

Then I also tried this:

functionRunner(() => console.log("Hello World!"));

Same error message.

The code is correct, but I see you added it to runner.js, why? The change should happen in app.js.

Julianna Kahn
Julianna Kahn
20,702 Points

I thought I would try using that file since it was there and nothing else worked. But you are right, when I tried my revised version of the answer, it did finally work. Thanks for your help.

Yay, happy that it worked out! 💪