Барање на историски настани во 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;
}

Размислете како е најзгодно да се чуваат историските настани.

Имплементирајте ја опишаната веб-страница.