Պատմական իրադարձությունների որոնում JavaScript-ով

Ենթադրենք՝ ուզում ենք գրել կայք, որը ցույց կտա որոշակի տարվա պատմական իրադարձությունների աղյուսակը: Թող տարեթիվը ներմուծվի input դաշտում: Enter սեղմելու դեպքում եկեք ցույց տանք այդ տարին տեղի ունեցած իրադարձությունների աղյուսակը: Իրադարձության մասին տեղեկություններում մենք ցանկանում ենք տեսնել իրադարձության ամսաթիվը, անվանումը և նկարագրությունը: Եկեք ցույց տամ, թե ինչ պետք է ստացվի (պարզության համար ես ստեղծել եմ իրադարձություններ 2000, 2001 և 2002 թվականների համար):

Ահա HTML և CSS կոդը, որը կարող եք օգտագործել առաջադրանքը լուծելիս.

html<div id="parent">
  <input id="input" placeholder="մուտքագրեք տարեթիվը և սեղմեք 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;
}