⊗jsPrStHS 8 of 62 menu

Αναζήτηση ιστορικών γεγονότων σε 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.

Ελληνικά
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Χρησιμοποιούμε cookie για τη λειτουργία του ιστότοπου, την ανάλυση και την εξατομίκευση. Η επεξεργασία των δεδομένων γίνεται σύμφωνα με την Πολιτική Απορρήτου.
αποδοχή όλων ρύθμιση απόρριψη