Vēsturisko notikumu meklēšana JavaScript

Pieņemsim, ka mēs vēlamies izveidot vietni, kas rāda vēsturisko notikumu tabulu noteiktā gadā. Lai gads tiek ievadīts input laukā. Nospiežot Enter, izvadīsim tabulu ar notikumiem, kas notikuši šajā gadā. Kā informāciju par notikumu mēs vēlamies redzēt datumu, nosaukumu un notikuma aprakstu. Ļaujiet man parādīt jums paraugu tam, kam vajadzētu izveidoties vienkāršības labad es izveidoju notikumus par 2000, 2001 un 2002 gadiem):

Lūk, atzīmējums, ko varat izmantot risinot uzdevumu:

<div id="parent">
	<input id="input" placeholder="ievadiet gadu un nospiediet 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;
}

Izdomājiet, kā ir visērtāk glabāt vēsturiskos notikumus.

Realizējiet aprakstīto vietni.