I used an anonymous function and an arrow function but neither worked

Question

Hey.

See my code for this challenge. It asked me to apply a timer to this function. I.e. turn the function into a callback.

I don't know why it says: "The callback is not the startAnimation function"

app.js

const section = document.getElementById("animateMe");

setTimeout(function() {
  //Applies spinning animation to section element
  section.className = "spin";
}, 2000);

index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <link rel='stylesheet' href='styles.css'>
    </head>
    <body>
        <section id="animateMe">
            <p>Animate Me in 2 Seconds!</p>
        </section>
        <script src='app.js'></script>
    </body>
</html>

Answer 1 · 2023-02-14T03:24:16Z

February 14, 2023 3:24am

Hey Samuel Kleos ! You'll just need to call setTimeout() at the end of the file

const section = document.getElementById("animateMe");

function startAnimation() {
  //Applies spinning animation to section element
  section.className = "spin";
}

setTimeout(startAnimation, 2000)

Welcome to the Treehouse Community

Looking to learn something new?

Samuel Kleos

Samuel Kleos

I used an anonymous function and an arrow function but neither worked

1 Answer

Rachel Johnson

Rachel Johnson