Use CoffeeScript in Rails

[jbull477]

@chrisvfritz I think I'm done

[chrisvfritz]

:+1: Looks good, though a few items of note:

• When defining a function with no parameters, you don't need the empty parentheses (e.g. ()).
• When referring to this in CoffeeScript, the alias @ is more typically used for brevity.
• It's typically bad practice to embed JavaScript in HTML with onClick events. I have a refactor below that uses unobtrusive JavaScript.
• This has nothing to do with code, but since we're viewing Scandinavia in its linguistic context, it should only include Norway, Sweden, and Denmark. Finland is not part of the Scandinavian linguistic group. I used to be a linguist, so I couldn't let this go. :stuck_out_tongue:
• If we want a button, it's better to use the HTML5 button element instead of the older input of type button.

class ScandinavianAlerter

  ALERTS = [
    'Norwegian: Du har blitt varslet'
    'Swedish: Du har varnats'
    'Danish: Du er blevet advaret'
  ]

  constructor: (target) ->
    $(target).on 'click', ->
      alert random_alert()

  random_alert = ->
    ALERTS[ Math.floor( Math.random() * ALERTS.length ) ]

$ ->

  new ScandinavianAlerter '.scandinavian-alerter'

This translates to the following JavaScript:

var ScandinavianAlerter;

ScandinavianAlerter = (function() {
  var ALERTS, random_alert;

  ALERTS = ['Norwegian: Du har blitt varslet', 'Swedish: Du har varnats', 'Danish: Du er blevet advaret'];

  function ScandinavianAlerter(target) {
    $(target).on('click', function() {
      return alert(random_alert());
    });
  }

  random_alert = function() {
    return ALERTS[Math.floor(Math.random() * ALERTS.length)];
  };

  return ScandinavianAlerter;

})();

$(function() {
  return new ScandinavianAlerter('.scandinavian-alerter');
});

<button class="scandinavian-alerter">Learn how to say "You have been alerted" in Scandinavian languages!</button>