Sök efter historiska händelser i JavaScript
Låt oss säga att vi vill skriva en webbplats som visar
en tabell med historiska händelser för ett visst
år. Låt året matas in i en input. Vid
tryck på Enter låt oss visa tabellen
med händelser som inträffade det året. Låt oss
som information om händelsen vilja se
datum, titel och beskrivning av händelsen. Låt mig
visa dig ett exempel på vad som ska bli resultatet
(för enkelhetens skull har jag skapat händelser för åren 2000,
2001 och 2002):
Här är HTML-strukturen du kan använda när du löser uppgiften:
<div id="parent">
<input id="input" placeholder="ange år och tryck på 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;
}
Fundera över hur det är mest praktiskt att lagra historiska händelser.
Implementera den beskrivna webbplatsen.