Vyhledávání historických událostí v JavaScriptu

Předpokládejme, že chceme vytvořit webovou stránku zobrazující tabulku historických událostí za určitý rok. Nechť je rok zadáván do vstupního pole. Po stisknutí Enter zobrazme tabulku událostí, které se staly v daném roce. Jako informace o události chceme vidět datum, název a popis události. Ukážu vám vzorek toho, co by mělo vzniknout (pro jednoduchost jsem vytvořil události za roky 2000, 2001 a 2002):

Zde je rozvržení stránky, které můžete použít při řešení úlohy:

html<div id="parent">
  <input id="input" placeholder="zadejte rok a stiskněte 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;
}