Iskanje zgodovinskih dogodkov v JavaScript

Recimo, da želimo narediti spletno stran, ki prikazuje tabelo zgodovinskih dogodkov za določeno leto. Leto naj se vnese v vnosno polje. Ob pritisku Enter izpišimo tabelo dogodkov, ki so se zgodili v tem letu. Kot informacije o dogodku želimo videti datum, naslov in opis dogodka. Naj vam pokažem vzorec tega, kar bi morali dobiti (zaradi enostavnosti sem naredil dogodke za leta 2000, 2001 in 2002):

Tu je razporeditev, ki jo lahko uporabite pri reševanju naloge:

<div id="parent">
	<input id="input" placeholder="vnesite leto in pritisnite 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;
}

Razmislite, kako je najbolj priročno shraniti zgodovinske dogodke.

Implementirajte opisano spletno stran.