Pretraga istorijskih događaja u JavaScript-u
Pretpostavimo da želimo da napravimo sajt koji prikazuje
tabelu istorijskih događaja za određenu
godinu. Neka se godina unosi u input polje.
Pritiskom na Enter hajde da prikažemo tabelu
događaja koji su se desili te godine. Neka u
okviru informacija o događaju želimo da vidimo
datum, naziv i opis događaja. Hajde da
vam pokažem primer onoga što bi trebalo da se dobije
(radi jednostavnosti napravio sam događaje za 2000,
2001 i 2002 godine):
Evo HTML i CSS koda koji možete koristiti prilikom rešavanja zadatka:
<div id="parent">
<input id="input" placeholder="unesite godinu i pritisnite 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;
}
Razmislite kako je najpogodnije čuvati istorijske događaje.
Implementirajte opisani sajt.