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

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

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

<div id="parent">
	<input id="input" placeholder="年を入力してEnterを押してください">
	<table id="table"></table>
</div>

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

歴史的なイベントをどのように保存するのが最も便利か検討してください。

説明されたウェブサイトを実装してください。