Αναζήτηση ιστορικών γεγονότων σε JavaScript
Ας υποθέσουμε ότι θέλουμε να γράψουμε ένα site που εμφανίζει
έναν πίνακα με ιστορικά γεγονότα για ένα συγκεκριμένο
έτος. Ας μπορεί το έτος να εισάγεται σε ένα input. Με
πίεση του Enter ας εμφανίσουμε τον πίνακα
γεγονότων που συνέβησαν αυτήν τη χρονιά. Ας πούμε ότι ως
πληροφορίες για το γεγονός θέλουμε να βλέπουμε
την ημερομηνία, τον τίτλο και την περιγραφή του γεγονότος. Ας
σας δείξω ένα δείγμα του τι πρέπει να προκύψει
(για απλότητα, έφτιαξα γεγονότα για τα έτη 2000,
2001 και 2002):
Ακολουθεί το markup που μπορείτε να χρησιμοποιήσετε για την επίλυση της άσκησης:
<div id="parent">
<input id="input" placeholder="εισάγετε έτος και πατήστε 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;
}
Σκεφτείτε ποιος είναι ο πιο βολικός τρόπος αποθήκευσης των ιστορικών γεγονότων.
Υλοποιήστε το περιγραφόμενο site.