JavaScript ile Tarihi Olayları Arama

Diyelim ki belirli bir yıldaki tarihi olayların tablosunu gösteren bir site yazmak istiyoruz. Yılın bir input alanına girilmesine izin verin. Enter tuşuna basıldığında, o yıl gerçekleşen olayların bir tablosunu gösterelim. Bir olayla ilgili bilgi olarak tarih, olay adı ve olay açıklamasını görmek istiyoruz. Size ne elde edilmesi gerektiğine dair bir örnek göstereyim (basitlik için 2000, 2001 ve 2002 yıllarındaki olayları yaptım):

Görevi çözerken kullanabileceğiniz işte HTML ve CSS:

html<div id="parent">
  <input id="input" placeholder="yılı girin ve Enter'a basın">
  <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;
}