JavaScriptでの歴史的なイベント検索

特定の年に起こった歴史的なイベントの表を表示する ウェブサイトを作りたいとしましょう。 年は入力欄に入力されるものとします。 キーEnterを押すと、その年に起きたイベントの 表を表示しましょう。各イベントの情報として、 日付、名称、説明を見られるようにしたいと思います。 以下に、完成品のサンプルを示します （簡略化のため、2000年、 2001年、2002年のイベントにしました）:

課題を解く際に使用できるマークアップは以下の通りです:

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;
}