Zoeken naar historische gebeurtenissen in JavaScript
Stel we willen een website schrijven die
een tabel met historische gebeurtenissen voor een bepaald
jaar weergeeft. Laat het jaar worden ingevoerd in een invoerveld. Bij
indrukken van Enter laten we een tabel
met gebeurtenissen tonen, die in dat jaar hebben plaatsgevonden. Laat als
informatie over de gebeurtenis de
datum, naam en beschrijving van de gebeurtenis zien. Ik zal
je een voorbeeld laten zien van wat het resultaat moet zijn
(voor de eenvoud heb ik gebeurtenissen voor 2000,
2001 en 2002 jaar gemaakt):
Hier is de opmaak die je kunt gebruiken bij het oplossen van de taak:
<div id="parent">
<input id="input" placeholder="voer een jaar in en druk op 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;
}
Bedenk hoe het het handigst is om historische gebeurtenissen op te slaan.
Implementeer de beschreven website.
