I just used Coffeescript for the first time. I’ve copied and pasted Coffeescript code before, of course, but this was the first time I had used it with my own code. And I’ll admit I cheated. I started with JQuery and then ran it through a converter (http://js2coffee.org/).

JQuery:

1
2
3

$("input[type='checkbox']#goal_completed").on('change', function() {
    $('.goal_completed_on').toggle();
});

Coffeescript:

1
2

$("input[type='checkbox']#goal_completed").on "change", ->
    $(".goal_completed_on").toggle()

For writing the code I was doing a simple <script> </script> block at the bottom of my _form.html.erb file but found that because I’m loading my JS files at the bottom of my layout, my JQuery wasn’t working. JQuery hadn’t loaded yet. Now that I have it as proper Coffeescript and in the propper assets file, assets/javascripts/goals.coffee.js in this case, everything is working great.