SocialMedia icon

by Santosh Thakur

HTML

<button id="btn">Click Evn</button>

<div class="socialSpot"></div>

JavaScript

var socialMedia = {
  data: {
    facebook: "http://facebook.com",
    twitter: "http://twitter.com",
    instagram: "http://instagram.com",
    dribbble: "http://dribbble.com"
  },
  social: function(obj) {
    var data = obj || this.data;

    var output = "<ul>";
    for (var key in data) {
      output += '<li><a href="' + data[key] + '"><img src="_assets/' + key + '.png" alt="' + key + 'icon"></a></li>';
    }
    output += '</ul>';

    var myList = document.querySelectorAll('.socialSpot');
    for (var i = myList.length - 1; i >= 0; i--) {
      myList[i].innerHTML = output;
    };
  }
};

var theBtn = document.getElementById('btn');
theBtn.addEventListener('click', function() {
  socialMedia.social();
}, false);