Istorinių įvykių paieška naudojant JavaScript

Tarkime, norime sukurti svetainę, kuri rodytų istorinių įvykių lentelę už tam tikrus metus. Metai bus įvedami į įvesties lauką. Paspaudus Enter rodysime įvykių lentelę, įvykusius tais metais. Tegul kaip informaciją apie įvykį norime matyti datą, pavadinimą ir įvykio aprašymą. Leiskite jums parodyti pavyzdį, koks turėtų būti rezultatas (dėl paprastumo aš sukūriau įvykius už 2000, 2001 ir 2002 metus):

Štai išdėstymas, kurį galite naudoti sprendžiant užduotį:

<div id="parent">
	<input id="input" placeholder="įveskite metus ir paspauskite Enter">
	<table id="table"></table>
</div>

* {
	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;
}

Apgalvokite, kaip patogiausia saugoti istorinius įvykius.

Įgyvendinkite aprašytą svetainę.