Wyszukiwanie wydarzeń historycznych w JavaScript

Załóżmy, że chcemy napisać stronę internetową wyświetlającą tabelę wydarzeń historycznych z określonego roku. Niech rok będzie wprowadzany do inputa. Po naciśnięciu Enter wyświetlmy tabelę wydarzeń, które miały miejsce w tym roku. Niech jako informacje o wydarzeniu chcemy widzieć datę, nazwę i opis wydarzenia. Pokażę wam przykład tego, co powinno powstać dla uproszczenia zrobiłem wydarzenia z lat 2000, 2001 i 2002:

Oto znaczniki, których możesz użyć podczas rozwiązywania zadania:

<div id="parent">
	<input id="input" placeholder="wprowadź rok i naciśnij 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;
}

Przemyśl, w jaki sposób najwygodniej przechowywać wydarzenia historyczne.

Zrealizuj opisaną stronę internetową.