Vyhledávání historických událostí v JavaScriptu
Předpokládejme, že chceme vytvořit webovou stránku zobrazující
tabulku historických událostí za určitý
rok. Nechť je rok zadáván do vstupního pole. Po
stisknutí Enter zobrazme tabulku
událostí, které se staly v daném roce. Jako
informace o události chceme vidět
datum, název a popis události. Ukážu vám
vzorek toho, co by mělo vzniknout
(pro jednoduchost jsem vytvořil události za roky 2000,
2001 a 2002):
Zde je rozvržení stránky, které můžete použít při řešení úlohy:
<div id="parent">
<input id="input" placeholder="zadejte rok a stiskněte 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;
}
Promyslete, jak nejvýhodněji uložit historické události.
Realizujte popsanou webovou stránku.