Търсене на исторически събития с JavaScript

Да приемем, че искаме да създадем сайт, който показва таблица с исторически събития за дадена година. Нека годината се въвежда в поле за въвеждане. При натискане на Enter нека да покажем таблица със събития, случили се през тази година. Нека като информация за събитието искаме да виждаме дата, име и описание на събитието. Нека ви покажа пример какво трябва да се получи (за простота направих събития за 2000, 2001 и 2002 години):

Ето и HTML/CSS кода, който можете да използвате при решаването на задачата:

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

Помислете как най-удобно да съхранявате историческите събития.

Реализирайте описания сайт.