Historiatapahtumien haku JavaScriptillä

Oletetaan, että haluamme kirjoittaa verkkosivuston, joka näyttää taulukon historiatapahtumista tiettynä vuonna. Anna vuoden syöttää input-kenttään. Enter-näppäintä painamalla näytämme taulukon tapahtumista, jotka tapahtuivat kyseisenä vuonna. Tapahtuman tiedoiksi halutaan päivämäärä, nimi ja kuvaus. Näytän sinulle mallin siitä, minkä pitäisi tulla (yksinkertaisuuden vuoksi olen tehnyt tapahtumat vuosille 2000, 2001 ja 2002):

Tässä on HTML-rakenteet, joita voit käyttää tehtävän ratkaisemisessa:

<div id="parent">
	<input id="input" placeholder="syötä vuosi ja paina 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;
}

Suunnittele, mikä on kätevin tapa tallentaa historialliset tapahtumat.

Toteuta kuvattu verkkosivusto.