Vyhľadávanie historických udalostí v JavaScripte

Predpokladajme, že chceme napísať webstránku, ktorá zobrazuje tabuľku historických udalostí za konkrétny rok. Rok nech sa zadáva do vstupného poľa. Stlačením Enter zobrazme tabuľku udalostí, ktoré sa stali v danom roku. Nech ako informácie o udalosti chceme vidieť dátum, názov a popis udalosti. Ukážem vám vzorovú podobu toho, čo by malo vzniknúť (pre jednoduchosť som vytvoril udalosti za roky 2000, 2001 a 2002):

Tu je HTML a CSS, ktoré môžete použiť pri riešení úlohy:

<div id="parent">
	<input id="input" placeholder="zadajte rok a stlačte 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;
}

Premyslite, ako je najvhodnejšie ukladať historické udalosti.

Realizujte popísanú webstránku.