Recherche d'événements historiques en JavaScript

Supposons que nous souhaitons créer un site affichant un tableau d'événements historiques pour une année donnée. Que l'année soit saisie dans un champ de saisie. Lors de l'appui sur Entrée, affichons un tableau d'événements survenus cette année-là. Que comme informations sur l'événement, nous souhaitions voir la date, le nom et la description de l'événement. Laissez-moi vous montrer un exemple de ce que cela devrait donner (pour simplifier, j'ai créé des événements pour les années 2000, 2001 et 2002) :

Voici le code HTML et CSS que vous pouvez utiliser pour résoudre la tâche :

<div id="parent">
	<input id="input" placeholder="saisissez l'année et appuyez sur Entrée">
	<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;
}

Réfléchissez à la manière la plus pratique de stocker les événements historiques.

Implémentez le site décrit.