js/app.js
// create 2 buttons to clear HTML & page and load in dataSet2 
create 2 buttons to clear HTML & page and load in dataSet2
create 2 buttons to clear HTML & page and load in dataSet2
function loadCreatures(dataSet) {
  $.ajax(dataSet).then(creaturesJSON => {
    creaturesJSON.forEach(properties => {
      const creature = new Creature(
        properties.image_url,
        properties.title,
        properties.description,
        properties.keyword,
        properties.horns);
      addSelect(creature.keyword);
      creatures.push(creature);
    });
    for (const creature of creatures) {
      creature.render();
    }
  });
}
function loadCreatures ( dataSet ) { $ . ajax ( dataSet ) . then ( creaturesJSON => { creaturesJSON . forEach ( properties => { const creature = new Creature ( properties . image_url , properties . title , properties . description , properties . keyword , properties . horns ) ; addSelect ( creature . keyword ) ; creatures . push ( creature ) ; } ) ; for ( const creature of creatures ) { creature . render ( ) ; } } ) ; }
create 2 buttons to clear HTML & page and load in dataSet2
create 2 buttons to clear HTML & page and load in dataSet2
// clearCreatureData();  TO CREATE!!!! // eventlistener onclick <div class="process"><button onclick="process()">Process Template1</button></div> // eventlistener onclick <div class="process"><button onclick="process()">Process Template2</button></div> // clearRenderedHTML(); TO CREATE!!!!