Történelmi események keresése JavaScript nyelven

Tegyük fel, hogy szeretnénk egy weboldalt készíteni, amely egy adott év történelmi eseményeit mutatja táblázatban. Az év legyen beviteli mezőben megadható. A Enter megnyomására jelenítsük meg az adott évben történt események táblázatát. Az eseményinformációként szeretnénk látni az esemény dátumát, nevét és leírását. Hadd mutassam meg, hogy mi fog kijönni (az egyszerűség kedvéért a 2000, 2001 és 2002 évekre készítettem eseményeket):

Itt látható a HTML és CSS kód, amelyet a feladat megoldásához használhat:

<div id="parent">
	<input id="input" placeholder="írja be az évet és nyomja meg az Entert">
	<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;
}

Gondolja át, hogy melyik a legkényelmesebb módja a történelmi események tárolásának.

Valósítsa meg a leírt weboldalt.