Búsqueda de eventos históricos en JavaScript

Supongamos que queremos crear un sitio web que muestre una tabla de eventos históricos de un año específico. Que el año se introduzca en un input. Al pulsar Enter mostraremos la tabla de eventos que ocurrieron en ese año. Como información del evento, queremos ver la fecha, el nombre y la descripción del evento. Permítanme mostrarles un ejemplo de lo que debería resultar (para simplificar, he creado eventos para los años 2000, 2001 y 2002):

Aquí está el markup que pueden usar para resolver la tarea:

html<div id="parent">
  <input id="input" placeholder="introduzca el año y pulse Enter">
  <table id="table"></table>
</div>

css* {
  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;
}