Kërkimi i ngjarjeve historike në JavaScript

Le të supozojmë se duam të krijojmë një faqe interneti që shfaq një tabelë me ngjarje historike për një vit të caktuar. Le të jetë viti i dhënë nëpërmjet një inputi. Me shtypjen e Enter le të shfaqim tabelën me ngjarjet që kanë ndodhur në atë vit. Le të themi se si informacion për ngjarjen duam të shohim daten, emrin dhe përshkrimin e ngjarjes. Më lejoni t'ju tregoj një mostër të asaj që duhet të merret (për thjeshtësi kam bërë ngjarje për vitet 2000, 2001 dhe 2002):

Këtu është markup-i që mund të përdorni gjatë zgjidhjes së problemit:

html<div id="parent">
  <input id="input" placeholder="vendosni vitin dhe shtypni 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;
}