Pretraga istorijskih događaja u JavaScript-u

Pretpostavimo da želimo da napravimo sajt koji prikazuje tabelu istorijskih događaja za određenu godinu. Neka se godina unosi u input polje. Pritiskom na Enter hajde da prikažemo tabelu događaja koji su se desili te godine. Neka u okviru informacija o događaju želimo da vidimo datum, naziv i opis događaja. Hajde da vam pokažem primer onoga što bi trebalo da se dobije (radi jednostavnosti napravio sam događaje za 2000, 2001 i 2002 godine):

Evo HTML i CSS koda koji možete koristiti prilikom rešavanja zadatka:

html<div id="parent">
  <input id="input" placeholder="unesite godinu i pritisnite 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;
}