<Below this line, add a link to the EXACT exercise that you are stuck at.>

This is the format we are using in the course:

$(document).ready(() => {


I recall this format:

$(document).ready(function() {


What is the difference? The latter would be an anonymous function. The former makes no immediate sense to me. What does the arrow (=>) achieve?


This course has been upgraded to ES6+ which permits the use of what is called, arrow function syntax.


var bar = function () {



const foo = () => {



I shall Google that. Thanks for the guidance!

By the way, given we place the code before the closing tag, shouldn’t the remainder have been loaded already anyway, for which we would not have to check using .ready()?


In a sense, you are correct, but humor the course author.