Ajalooliste sündmuste otsimine JavaScriptis
Oletame, et tahame luua veebisaiti, mis kuvab
kindla aasta ajalooliste sündmuste tabelit.
Las aasta sisestatakse inputi.
Enter klahvi vajutamisel kuvagem tabel
sündmustega, mis said toimunud sel aastal. Olgu
sünduse info koosneb kuupäevast, nimetusest ja
sündmuse kirjeldusest. Näitan teile näidet
sellest, mis peaks välja tulema
(lihtsuse mõttes tegin sündmused aastateks 2000,
2001 ja 2002):
Siin on HTML ja CSS, mida võite kasutada ülesande lahendamisel:
<div id="parent">
<input id="input" placeholder="sisesta aasta ja vajuta 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;
}
Mõelge läbi, kuidas oleks kõige mugavam ajaloolisi sündmusi salvestada.
Realiseerige kirjeldatud veebisait.