function gifButtons() {
    $.each(topics, function (i) {
      var topicBtn = $(`<button> ${topics[i]} </button>`);
      topicBtn.addClass("gif-btn btn btn-dark mb-2");
      topicBtn.attr("btn-topics", topics[i]);
      $("#thing-btn").append(topicBtn);
    });
  }
// generates button from items in array on load 
generates button from items in array on load
generates button from items in array on load
function gifButtons() {
    $.each(topics, function (i) {
      var topicBtn = $(`<button> ${topics[i]} </button>`);
      topicBtn.addClass("gif-btn btn btn-dark mb-2");
      topicBtn.attr("btn-topics", topics[i]);
      $("#thing-btn").append(topicBtn);
    });
  }
function gifButtons ( ) { $ . each ( topics , function ( i ) { var topicBtn = $ ( ` ${ topics [ i ] } ` ) ; topicBtn . addClass ( "gif-btn btn btn-dark mb-2" ) ; topicBtn . attr ( "btn-topics" , topics [ i ] ) ; $ ( "#thing-btn" ) . append ( topicBtn ) ; } ) ; }
generates button from items in array on load
generates button from items in array on load