jQuery Plugin Workshop Adding in Options

index.html

<h2>Antispam</h2>
<p>Email me at <span class="antispam">scott at-symbol robbin dot co</span></p>

script.js

// Clear the console
console.clear();

// Plugin
(function ($) {
  
  $.fn.antispam = function (options) {
    var settings = {
      "@": " at ",
      ".": " dot "
    };
    
    $.extend(settings, options);
    
    return this.each(function () {
      var $self = $(this);
      
      // Get the text
      var text = $self.text();
      
      // Replace "at" and "dot"
      var email = text.replace(settings["@"], "@").replace(settings["."], ".");
      
      // Create a link
      var $link = $("<a></a>");
      $link.attr("href", "mailto:" + email);
      $link.text(email);
            
      // Replace the span with the link
      $self.html( $link );
    });
  };
  
})(jQuery);

$(".antispam").antispam({"@": " at-symbol "});

style.scss

@import "compass";
body { padding: 10px; }