Αναζήτηση ιστορικών γεγονότων σε JavaScript

Ας υποθέσουμε ότι θέλουμε να γράψουμε ένα site που εμφανίζει έναν πίνακα με ιστορικά γεγονότα για ένα συγκεκριμένο έτος. Ας μπορεί το έτος να εισάγεται σε ένα input. Με πίεση του Enter ας εμφανίσουμε τον πίνακα γεγονότων που συνέβησαν αυτήν τη χρονιά. Ας πούμε ότι ως πληροφορίες για το γεγονός θέλουμε να βλέπουμε την ημερομηνία, τον τίτλο και την περιγραφή του γεγονότος. Ας σας δείξω ένα δείγμα του τι πρέπει να προκύψει (για απλότητα, έφτιαξα γεγονότα για τα έτη 2000, 2001 και 2002):

Ακολουθεί το markup που μπορείτε να χρησιμοποιήσετε για την επίλυση της άσκησης:

html<div id="parent">
  <input id="input" placeholder="εισάγετε έτος και πατήστε Enter">
  <table id="table"></table>
</div>

css* {
  box-sizing: border-box;
}
#parent {
  margin: 0 auto;
  width: 600px;
}
#input {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
}
#table {
  width: 100%;
}
#table td {
  padding: 10px;
  text-align: center;
  border: 1px solid black;
}