JSFiddle - React, Tailwind, and code Playground

by huppen

HTML

<div id="content"></div>

JavaScript

result1 = [{
    "the_date": "2019-12-10",
    "the_cleanname": "iamthemorning",
    "the_bandid": 8489518,
    "the_banduri": "http://www.songkick.com/artists/8489518-iamthemorning?utm_source=49622&utm_medium=partner",
    "the_name": "iamthemorning",
    "the_uri": "http://www.songkick.com/concerts/38973733-flower-kings-at-columbia-theater?utm_source=49622&utm_medium=partner",
    "the_eventname": "",
    "the_eventtype": "Concert",
    "the_venue": "Columbia Theater",
    "the_location": "Berlin, Germany",
    "the_counter": 1,
    "the_visit": 1
  },
  {
    "the_date": "2019-12-10",
    "the_cleanname": "flowerkings",
    "the_bandid": 84715,
    "the_banduri": "http://www.songkick.com/artists/84715-flower-kings?utm_source=49622&utm_medium=partner",
    "the_name": "Flower Kings",
    "the_uri": "http://www.songkick.com/concerts/38973733-flower-kings-at-columbia-theater?utm_source=49622&utm_medium=partner",
    "the_eventname": "",
    "the_eventtype": "Concert",
    "the_venue": "Columbia Theater",
    "the_location": "Berlin, Germany",
    "the_counter": 1,
    "the_visit": 1
  },
  {
    "the_date": "2019-11-27",
    "the_cleanname": "haken",
    "the_bandid": 625989,
    "the_banduri": "http://www.songkick.com/artists/625989-haken?utm_source=49622&utm_medium=partner",
    "the_name": "Haken",
    "the_uri": "http://www.songkick.com/concerts/36934554-devin-townsend-at-astra-kulturhaus?utm_source=49622&utm_medium=partner",
    "the_eventname": "",
    "the_eventtype": "Concert",
    "the_venue": "Astra Kulturhaus",
    "the_location": "Berlin, Germany",
    "the_counter": 1,
    "the_visit": 1
  },
  {
    "the_date": "2019-11-27",
    "the_cleanname": "devintownsend",
    "the_bandid": 8250113,
    "the_banduri": "http://www.songkick.com/artists/8250113-devin-townsend?utm_source=49622&utm_medium=partner",
    "the_name": "Devin Townsend",
    "the_uri":...