Making a list out of JSON data doens't work properly

Question

I have this JSON file with info about a cinema.

"schedule": [
    {
      "day": "Maandag",
      "date": "22/05/2017",
      "movies": [
        {
          "title": "I Am Not Your Negro",
          "description": "In deze Belgische coproductie vertrekt Raoul Peck van een onafgewerkte roman van de Afro-Amerikaanse schrijver James Baldwin voor een reis door de zwarte geschiedenis die de Burgerrechtenbeweging uit de jaren zestig verbindt met het huidige #BlackLivesMatter. De tekst, geschreven in 1979, is helaas nog altijd heel actueel en bespreekt een diep geworteld racisme. De film is een treffend betoog op basis van archiefbeelden, filmfragmenten en actuele nieuwsbeelden die aan elkaar gepraat worden door de bezwerende stem van Samuel L. Jackson.",
          "img": "negro.jpg",
          "room": 1,
          "screenings": [
            "20:25"
          ],
          "kids":false
        },
        {
          "title": "Lady MacBeth",
          "description": "De jonge Katherine leeft Northumberland in 1865. Ze is er gevangene in eigen huis en wordt er door haar sadistische echtgenoot en diens autoritaire vader tot op het bot vernederd. Leven in zo’n liefdeloze wereld moet in deze krachtige kostuumfilm wel tot excessen leiden. Wanneer Katherine een allesverzengende relatie aanknoopt met een knecht gaat het mis. Een indrukwekkende speelfilmdebuut van theater- en operaregisseur William Oldroyd.",
          "img": "macbeth.jpg",
          "room": 2,
          "screenings": [
            "20:15"
          ],
          "kids":false
        },
        {
          "title": "Tarde para la Ira",
          "description": "Na acht jaar in de gevangenis als gevolg van een misgelopen sieradenroof wil Curro maar één ding: een nieuw leven beginnen met zijn familie. Zijn komst leidt echter tot spanningen bij zijn broer en diens vriendin, die een rustig leventje leiden. Bovendien verandert de ontmoeting met Joseph, een mysterieuze vreemdeling, zijn plannen. Hij komt terecht in een onomkeerbare, donkere reis terug naar het verleden, vol wraak. Deze debuutfilm van acteur Raúl Arévalo won recent 4 Goyas (de Spaanse variant van de Oscar) waaronder die voor Beste Film.",
          "room": 3,
          "img": "tarde.jpg",
          "screenings": [
            "20:15"
          ],
          "kids":false
        }
      ]
    },
    {
      "day": "Dinsdag",
      "date": "23/05/2017",
      "movies": [
        {
          "title": "Django",
          "description": "De virtuoze gitarist Django Reinhardt, geboren in een Henegouws dorp, was een Roma. Op het moment dat hij in Parijs concertzalen laat vollopen, vallen de Duitsers Frankrijk binnen. De film focust op de oorlogsjaren van de virtuoze gitarist en zoomt in op zijn poging om naar Zwitserland te vluchten. De aandacht ligt op het droevige lot van de Roma-zigeuners, een bevolkingsgroep die door de nazi’s vervolgd werden, tijdens die oorlogsjaren. De aanstekelijke muziek wordt vertolkt door het Rosenberg Trio.",
          "room": 1,
          "img": "django.jpg",
          "screenings": [
            "20:15"
          ],
          "kids":false
        },
        {
          "title": "March of the Penguins 2",
          "description": "In March of The Penguins 2 keert regisseur Luc Jacquet terug met een even verbluffend vervolg, en voert de kijker met behulp van drones en onderwatercamera’s mee naar onherbergzame plekken op Antarctica. Ditmaal volgen we een jonge pinguïn die op het punt staat zijn eerste grote reis te maken, vol gevaar en obstakels. Het vervolgverhaal vertelt de lotsbestemming van één pinguïn, wiens krachtige en mysterieuze instincten hem in staat stellen om te overleven.",
          "room": 3,
          "img": "march.jpg",
          "screenings": [
            "20:15"
          ],
          "kids":true
        },
        {
          "title": "Their Finest",
          "description": "In deze charmante komedie staan twee scenarioschrijvers centraal. Tijdens WOII krijgen ze de opdracht een fictiefilm te maken die het moreel van de Britten moet opschroeven. Tijdens het schrijversproces krijgen ze voortdurend nieuwe richtlijnen van het ministerie van Oorlog om het script aan te passen. Om uiteindelijk de Amerikanen ook over de streep te trekken om deel te nemen aan de oorlog moeten ze de hoofdrol herschrijven met een Amerikaanse held. Een puike verzameling Britse acteurs zijn de kers op de verrukkelijke taart.",
          "room": 3,
          "img": "finest.jpg",
          "screenings": [
            "20:15"
          ],
          "kids":false
        }
      ]

I want to make a list where I show the dates, so that you can click on it and see the movies on that day.

When I try to do that. It only shows the first date: 22/05/2017. And not the other one: 23/05/2017.

I'm using this code:

{
  const createListItems = schedule => {
    const $li = document.createElement(`li`);
    $li.textContent = `${schedule.date}`;
    document.querySelector(`.days`).appendChild($li);
    $li.addEventListener(`click`, handleDayClick);
  };

  const makeListItems = schedule => {
    schedule.forEach(date => {
      createListItems(date);
    });

  };
  const parse = schedule=> {
    makeListItems(schedule);
  };

  const init = () => {
    const jsonFile = `./assets/data/buda.json`;
    fetch(jsonFile).then(r => r.json()).then(data => parse(data.schedule));
  };
  init();
}

Does someone know what I do wrong?

Answer 1

我删除了这行代码：$li.addEventListener('click', handleDayClick);

我还没有声明函数handleDayClick，所以这就是问题所在。