function addBtn(){
            topics.forEach(function(t,index){
                var button = $('<button>');
                button.html(t);
                button.attr('id', "topic"+index);
                button.attr('class', 'topic-btn');
                button.attr('data-topic', t); 

                button.appendTo("#topics");
                
            });
            
          }
//function for creating topic buttons taking from the array of topics
function for creating topic buttons taking from the array of topics
function for creating topic buttons taking from the array of topics
function addBtn(){
            topics.forEach(function(t,index){
                var button = $('<button>');
                button.html(t);
                button.attr('id', "topic"+index);
                button.attr('class', 'topic-btn');
                button.attr('data-topic', t); 
                button.appendTo("#topics");
            });
          }
function addBtn ( ) { topics . forEach ( function ( t , index ) { var button = $ ( '<button>' ) ; button . html ( t ) ; button . attr ( 'id' , "topic" + index ) ; button . attr ( 'class' , 'topic-btn' ) ; button . attr ( 'data-topic' , t ) ; button . appendTo ( "#topics" ) ; } ) ; }
function for creating topic buttons taking from the array of topics
function for creating topic buttons taking from the array of topics