Object as a Functions Argument - Working

Object as a Functions Argument - Working

by Nirvanachain

HTML

<div class="js-target" data-options='{"openText":"Simon SaysOpen","closeText":"Simon Says Close","loadingText":"Simon Says Wait"}'></div>

JavaScript

var element = $('.js-target');

(function(ele) {
  
    var defaults = {
        'isOpen' : false,
        'isItCool' : true,
        'openText' : 'Open',
        'closeText' : 'Close'   
    };
    
    var opts = ele.data().options;
    
    console.log(opts);
    console.log(defaults);
    
    var settings = $.extend({}, defaults, opts);
    console.log(settings);
    
}(element));