Căutarea evenimentelor istorice în JavaScript

Să presupunem că vrem să creăm un site care afișează un tabel cu evenimente istorice dintr-un anumit an. Să permitem introducerea anului într-un câmp de introducere. La apăsarea tastei Enter să afișăm un tabel cu evenimentele care au avut loc în acel an. Să presupunem că ca informații despre eveniment vrem să vedem data, numele și descrierea evenimentului. Permiteți-mi să vă arăt un exemplu al ceea ce ar trebui să obțineți (pentru simplitate, am creat evenimente pentru anii 2000, 2001 și 2002):

Iată marcajul pe care îl puteți utiliza la rezolvarea problemei:

html<div id="parent">
  <input id="input" placeholder="introduceți anul și apăsați 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;
}