Appointment Maker/Tracker [closed]

I’m trying to create a `script` to take input from a form, and add a `list element` to a list.

To be more specific…
Inputs:

• Date (dd/mm/yyyy)
• Name (text)
• Time (hh:mm)

Results:

• Name – Date (as Tue 10/10), Time (hh:mm)

This is the div with the inputs:

  <div class="prenotazione">
    <div class="titolo">Create Appointment</div>
    <div class="inserimento">
      <label for="eventData">Date:</label>
      <input type="date" id="eventData">
      <div class="spacer"></div>
      <label for="eventPG">Name:</label>
      <input type="text" id="eventPG" placeholder="Your Name">
      <div class="spacer"></div>
      <label for="eventTime">Time:</label>
      <input type="time" id="eventTime">
      <div class="spacer"></div>
      <div class="spacer"></div>
      <div class="spacer"></div>
      <center><button id="addEvent" onclick="addEvent()">SUBMIT</button></center>
    </div>
  </div>

and this is the div with the list:

  <div class="eventi">
    <div class="titolo">Appointments</div>
    <!-- Lista delle prenotazioni -->
    <div class="scroll">
      <ul id="eventList">
        <li>
          <strong>Antonio</strong> - <i>Tue 10/10, 10:30</i>
          <button class="delete" onClick="deleteEvent()"><b>X</b></button>
        </li>
      </ul>
    </div>
  </div>

with an example of how the li should look like.

Hope this time the question is more understandable!