Ricerca di eventi storici in JavaScript

Supponiamo di voler creare un sito che mostri una tabella di eventi storici per un determinato anno. L'anno verrà inserito in un input. Alla pressione di Enter visualizziamo una tabella degli eventi accaduti in quell'anno. Come informazioni sull'evento, vogliamo vedere la data, il nome e la descrizione dell'evento. Lasciate che vi mostri un esempio di ciò che dovrebbe risultare (per semplicità ho creato eventi per gli anni 2000, 2001 e 2002):

Ecco il markup che puoi utilizzare per risolvere il problema:

<div id="parent">
	<input id="input" placeholder="inserisci l'anno e premi Invio">
	<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;
}

Pensa a qual è il modo più conveniente per memorizzare gli eventi storici.

Implementa il sito descritto.