Suche nach historischen Ereignissen in JavaScript

Angenommen, wir möchten eine Website schreiben, die eine Tabelle mit historischen Ereignissen für ein bestimmtes Jahr anzeigt. Die Jahreszahl soll in ein Eingabefeld eingegeben werden. Beim Drücken von Enter lassen Sie uns eine Tabelle mit Ereignissen anzeigen, die in diesem Jahr stattgefunden haben. Als Informationen zu einem Ereignis möchten wir das Datum, den Namen und die Beschreibung des Ereignisses sehen. Lassen Sie mich Ihnen ein Beispiel zeigen, was dabei herauskommen sollte (der Einfachheit halber habe ich Ereignisse für die Jahre 2000, 2001 und 2002 erstellt):

Hier ist das Markup, das Sie bei der Lösung der Aufgabe verwenden können:

<div id="parent">
	<input id="input" placeholder="Geben Sie das Jahr ein und drücken Sie 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;
}

Überlegen Sie, wie es am bequemsten ist, historische Ereignisse zu speichern.

Setzen Sie die beschriebene Website um.