Βασικό Εγχειρίδιο JavaScript

Βασικές Έννοιες

Εισαγωγή Εκτέλεση JavaScript Το πρώτο πρόγραμμα σε JavaScript Ανάλυση κώδικα προγράμματος Περαιτέρω παραδείγματα Αρχεία με scripts Πολλαπλά αρχεία Σημείωση Προσωρινή αποθήκευση αρχείων Αυστηρή λειτουργία Σχόλια Μεταβλητές Χρήση μεταβλητών Δήλωση πολλαπλών μεταβλητών Αλλαγές τιμών μεταβλητών Πολλαπλά let για μία μεταβλητή Μαθηματικές πράξεις με αριθμούς Μαθηματικές πράξεις με μεταβλητές Προτεραιότητα μαθηματικών πράξεων Ισότιμη προτεραιότητα Ομαδοποιητικές παρενθέσεις Κλάσματα Αρνητικοί αριθμοί Συν στο πλάι μεταβλητών Υπόλοιπο διαίρεσης Ύψωση σε δύναμη Προτεραιότητα ύψωσης σε δύναμη Συμβολοσειρές Πρόσθεση συμβολοσειρών Μήκος συμβολοσειράς Προτυποποιημένες συμβολοσειρές Πολυγραμμικότητα Ειδικές τιμές Τιμή undefined Τιμή null Τιμές true και false Τιμή NaN Infinity και -Infinity Κονσόλα Τύπος δεδομένων στην κονσόλα Σφάλματα στην κονσόλα Σταθερές Αυτόματη μετατροπή τύπων Μετατροπή σε αριθμό Σύντομη μετατροπή σε αριθμό Μετατροπή ανακριβών αριθμών Εξαγωγή αριθμών Μετατροπή σε συμβολοσειρά Εφαρμογή μετατροπής σε συμβολοσειρά Μετατροπή λογικού τύπου Μετατροπή σε λογικό τύπο Σύμβολα συμβολοσειράς Αμεταβλητότητα συμβολοσειρών Τελευταίο σύμβολο συμβολοσειράς Συμβολοσειρές με ψηφία Πρόσβαση σε ψηφία αριθμού Πράξεις για αλλαγή μεταβλητής Συντομευμένες πράξεις στο JavaScript Αυξομείωση Προθεματικός και μεταθεματικός τύπος Ανακριβείς υπολογισμοί Συνάρτηση prompt Πρόβλημα με τύπους στο prompt Εκτύπωση στο έγγραφο Πρακτική στην εύρεση σφαλμάτων Πρακτική σε πράξεις Πρακτική σε τύπους

Πίνακες

Εισαγωγή στους πίνακες Λήψη στοιχείων Μήκος πίνακα Αλλαγή στοιχείων Επανεγγραφή στοιχείων πίνακα Αυξήση στοιχείων Προσθήκη στοιχείων με βάση κλειδιά Αραιοί πίνακες Προσθήκη στοιχείων μέσω push Κλειδιά από μεταβλητές Τελεστής delete Πρακτική στην εύρεση λαθών

Αντικείμενα

Εισαγωγή στα αντικείμενα Εμφάνιση ολόκληρου του αντικειμένου Συμβολοσειρές ως κλειδιά αντικειμένων Ιδιότητες αντικειμένων Περιορισμοί στα κλειδιά αντικειμένων Αλλαγή στοιχείων Προσθήκη στοιχείων Μη διατεταγμένα αντικείμενα Πίνακας κλειδιών αντικειμένου Μήκος αντικειμένου Κλειδιά από μεταβλητές Σφάλμα πρόσβασης σε στοιχείο Σφάλμα πρόσβασης σε ιδιότητα Υπολογιζόμενες ιδιότητες Ο τελεστής in Ο τελεστής delete Τυποποίηση αντικειμένων Πίνακες ως αντικείμενα Διαχωρισμός πινάκων από αντικείμενα Αντικείμενα και πρωτόγονοι τύποι Μετάδοση αντικειμένων με αναφορά Σταθερές Προσέγγιση προγραμματισμού μέσω σταθερών Πρακτική εξάσκηση στην εύρεση σφαλμάτων

Προϋποθέσεις

Δομή if-else Τελεστές μεγαλύτερου και μικρότερου Έλεγχος ισότητας Έλεγχος ανισότητας Σύγκριση μεταβλητών Ισότητα συμβολοσειρών Ισότητα συμβολοσειρών και αριθμών Ισότητα κατά τιμή και τύπο Ανισότητα κατά τιμή και τύπο Λογικό ΚΑΙ Λογικό Ή Προτεραιότητα λογικών τελεστών Ομαδοποίηση συνθηκών Αναστροφή λογικών εκφράσεων Συνθήκες με δυαδικές τιμές Σύγκριση τιμών με δυαδικό τύπο Συντομογραφία ελέγχου για αλήθεια Συντομογραφία ελέγχου για ψευδές Γενική συντομογραφία ελέγχου Σύνθετες συνθήκες σε συντομογραφία Προαιρετικότητα της δομής else Προαιρετικότητα αγκύλων Πρόβλημα προαιρετικότητας αγκύλων Δομή else if Ενσωματωμένες δομές if-else Δομή switch-case Προαιρετικότητα break Τριαδικός τελεστής Λογικές πράξεις Συνάρτηση confirm Εμβέλεια ορατότητας Αποχρώσεις εμβέλειας ορατότητας Έλεγχος μερών της ώρας Έλεγχος μήκους συμβολοσειρών και πινάκων Έλεγχος χαρακτήρων συμβολοσειράς Έλεγχος ψηφίων αριθμού Έλεγχος υπολοίπου διαίρεσης Πρακτική στην εύρεση σφαλμάτων Πρακτική άσκηση

Βρόχοι

Εισαγωγή Βρόχος for-of Βρόχος for-in Βρόχος while Βρόχος for Βρόχος for για πίνακες Συνθήκες σε βρόχους Συσσώρευση αθροίσματος αριθμών Συσσώρευση αθροίσματος στοιχείων Διαμόρφωση συμβολοσειρών Ψηφία αριθμού Προαιρετικότητα αγκύλων Πρόβλημα προαιρετικότητας αγκύλων Εντολή break Εντολή continue Ενσωματωμένοι βρόχοι Εμβέλεια ορατότητας Ενσωματωμένοι βρόχοι και εμβέλεια ορατότητας Συμπλήρωση πινάκων Τροποποίηση πινάκων Συμπλήρωση αντικειμένων Τροποποίηση αντικειμένων Εργασία με σημαίες Συμβουλές για τη συγγραφή κώδικα Συμβουλές για τον εντοπισμό σφαλμάτων Πρακτική στην εύρεση σφαλμάτων Πρακτική άσκηση

Πολυδιάστατα Δεδομένα

Πολυδιάστατοι Πίνακες Τρισδιάστατος Πίνακας Αυθαίρετοι Πίνακες Διάσχιση Πολυδιάστατων Πινάκων Διάσχιση με Κανονικό for Γέμισμα Πολυδιάστατων Πινάκων Προβλήματα κατά το Γέμισμα Πολυδιάστατων Πινάκων Γέμισμα Πολυδιάστατων Πινάκων με Σειρά Πολυδιάστατα Αντικείμενα Διάσχιση Πολυδιάστατων Αντικειμένων Πολυδιάστατες Δομές Διάσχιση Πολυδιάστατων Δομών Πίνακας Αντικειμένων Κλειδιά από Μεταβλητές Προσθήκη Στοιχείων σε Πίνακες Προσθήκη Στοιχείων σε Αντικείμενα

Τυπικές μέθοδοι

Δυνάμεις Συναρτήσεις στρογγυλοποίησης Ακρότατα Τυχαιότητα Απόλυτες τιμές Πεζά-κεφαλαία Αποκοπή συμβολοσειρών Αναζήτηση σε συμβολοσειρές Αντικατάσταση σε συμβολοσειρές Διαχωρισμός συμβολοσειρών Ακραία στοιχεία Μέρη πινάκων Αποκοπή πινάκων Αναζήτηση σε πίνακες Κλειδιά αντικειμένων Πρακτική στην εύρεση λαθών

Προσαρμοσμένες Συναρτήσεις

Εισαγωγή Παράμετροι Συνάρτησης Πολλαπλές Παράμετροι Μεταβλητές Παράμετροι Προαιρετικές Παράμετροι Η Δήλωση return Διαδοχική Κλήση Συναρτήσεων Μια Απόχρωση του return Βρόχος και return Εφαρμογή του return σε Βρόχους Τεχνική Εργασίας με το return Σημαίες σε Συναρτήσεις Λογικοί Τελεστές σε Συναρτήσεις Συμβουλές για Συναρτήσεις Πρακτική στην Εύρεση Σφαλμάτων Πρακτική στις Συναρτήσεις

Μεταβλητές Συναρτήσεων

Καθολικές μεταβλητές Τοπικές μεταβλητές Σύμπτωση ονομάτων μεταβλητών Αλλαγή καθολικών μεταβλητών Καθολικές μεταβλητές και παράμετροι συναρτήσεων Σύμπτωση ονομάτων με παραμέτρους Παράμετροι-αντικείμενα

Τύποι Συναρτήσεων

Πρωτόκλητος κώδικας συνάρτησης και αποτέλεσμα Συνάρτηση ως μεταβλητή Εγγραφή συνάρτησης σε άλλη μεταβλητή Ανάθεση συναρτήσεων σε μεταβλητές Σύμπτωση ονόματος συνάρτησης και μεταβλητής Τύποι δηλώσεων Διαφορά δήλωσης συνάρτησης Άνω τελεία στη δήλωση συναρτήσεων Αποχρώσεις των functional expressions Συνάρτηση με όνομα, αλλά Function Expression Ονομασμένα functional expressions Πώς να ελέγξετε τον τύπο μιας συνάρτησης Έκφραση αριστερά Έκφραση δεξιά Πίνακας με συναρτήσεις Αντικείμενο με συναρτήσεις Εφαρμογή αντικειμένου με συναρτήσεις

Ενσωματωμένες Συναρτήσεις

Μετάδοση συναρτήσεων ως παραμέτρους Ονομασμένες συναρτήσεις Παράμετροι μεταδιδόμενων συναρτήσεων Μετάδοση αριθμού ως παράμετρο Εφαρμογή Εσωτερικές συναρτήσεις Πεδίο εφαρμογής ενσωματωμένων συναρτήσεων Παράμετροι εξωτερικής συνάρτησης Παράμετροι εξωτερικής και εσωτερικής συνάρτησης Ομώνυμες παράμετροι Συνάρτηση που επιστρέφει συνάρτηση Οποιοδήποτε επίπεδο ένθεσης Παράμετροι επιστρεφόμενης συνάρτησης Συναρτήσεις callback Αποχρώσεις των callback Συναρτήσεις βέλους Εφαρμογή συναρτήσεων βέλους συγχρονισμένο με μετάφραση

Κλεισίματα

Πρόσβαση σε εξωτερικές μεταβλητές Λεξικό Περιβάλλον Συναρτήσεων Εφαρμογή του Λεξικού Περιβάλλοντος Εισαγωγή στα Κλεισίματα Μετρητής με Κλεισίματα Απόχρωση Τοπική Μεταβλητή Απόχρωση Καθολική Μεταβλητή

IIFE

Κλήση συνάρτησης αμέσως μετά τον ορισμό της Ανάθεση συνάρτησης σε μεταβλητή Εφαρμογή της κλήσης συνάρτησης αμέσως μετά τον ορισμό της Στρογγυλές αγκύλες Παράμετροι Πολλαπλές κλήσεις Ενδεχόμενα προβλήματα Αποτρεπτικό ερωτηματικό Κλείσματα και IIFE

Αναδρομή

Εισαγωγή Παράδειγμα με παράμετρο Άθροισμα στοιχείων πίνακα με αναδρομή Πολυδιάστατες δομές Άθροισμα στοιχείων πίνακα Διαχειρίσεις με δομές

Μεθόδοι Επανάληψης

Μέθοδος map Μέθοδος forEach Μέθοδος filter Μέθοδος every Μέθοδος some Μέθοδος find μετάφραση, ασκήσεις Μέθοδος reduce μετάφραση, ασκήσεις

Τελεστής spread

Εισαγωγή Πιο σύνθετα παραδείγματα Ακραίες τιμές πίνακα Συγχώνευση πινάκων Διαχωρισμός συμβολοσειρών Διαχωρισμός αριθμών

Τελεστής rest

Τελεστής rest Άθροισμα ψηφίων Πίνακες σε δισδιάστατο Πίνακες σε έναν

Αποδόμηση

Αποδόμηση πινάκων Πίνακας από συνάρτηση Παράλειψη στοιχείων πίνακα Πλεονάζουσες τιμές πίνακα Υπόλοιπο πίνακα Προεπιλεγμένες τιμές για πίνακες Συναρτήσεις προεπιλογής για πίνακες Δήλωση μεταβλητών για πίνακες Αποδόμηση αντικειμένων Ονόματα μεταβλητών για αντικείμενα Προεπιλεγμένες τιμές για αντικείμενα Μεταβλητές και προεπιλεγμένες τιμές για αντικείμενα Δήλωση μεταβλητών για αντικείμενα Παράμετροι συναρτήσεων Αποδόμηση αντικειμένων παραμέτρων συναρτήσεων

Χρόνος

Εργασία με το αντικείμενο Date Μορφοποίηση Αλλαγή μορφής ημερομηνίας Λήψη ημέρας της εβδομάδας Εκτύπωση ημερομηνίας με λέξεις Ρύθμιση ώρας Μορφή timestamp Διαφορά μεταξύ timestamp Διαφορά αντικειμένων με ημερομηνίες Αυτόματη διόρθωση ημερομηνιών Εύρεση τελευταίας ημέρας του μήνα Προσδιορισμός δίσεκτου έτους Έλεγχος ορθότητας Λήψη ημέρας τρέχοντος έτους Ημέρα επόμενου ή προηγούμενου μήνα Ημέρα επόμενου ή προηγούμενου έτους Διαφορά στιγμών Στιγμή ώρας της ημέρας Αρχή ημέρας Τέλος ημέρας Κυκλικός έλεγχος στιγμών χρόνου Πρακτική στη λήψη στιγμών χρόνου Συγκριση συμβολοσειράς Σύγκριση ημερομηνίας χωρίς έτος Πτώση ημερομηνίας σε διάστημα Σύγκριση αντικειμένων με ημερομηνία

Εισαγωγή στο DOM

Εισαγωγή Στοιχεία DOM Λήψη στοιχείων DOM Σύνθετοι επιλογείς στοιχείων DOM Δέσμευση χειριστών Ονοματοί χειριστές Ένας χειριστής για πολλά στοιχεία Πολλοί χειριστές για ένα γεγονός Χειριστές διαφορετικών γεγονότων Κείμενο στοιχείου Κώδικας HTML στοιχείου Ιδιότητες ετικετών ως ιδιότητες Εργασία με πεδία κειμένου Εστίαση πεδίων κειμένου Ιδιότητες-εξαιρέσεις Αλυσίδες μεθόδων και ιδιοτήτων Πλεονεκτήματα και μειονεκτήματα αλυσίδων Αντικείμενο this Πλεονέκτημα του this Λήψη ομάδας στοιχείων Ονοματοί χειριστές σε βρόχο Ανώνυμοι χειριστές σε βρόχο Ξεκούμπωμα χειριστών γεγονότων Ξεκούμπωμα χειριστών σε βρόχο Ξεκούμπωμα ανώνυμων χειριστών Συμβουλές για τη συγγραφή κώδικα Πρακτική στην εύρεση λαθών Πρακτικό

Ιδιότητες

Μέθοδος λήψης ιδιοτήτων Μέθοδος ρύθμισης ιδιοτήτων Μέθοδος αφαίρεσης ιδιοτήτων Μέθοδος ελέγχου ιδιοτήτων Προσαρμοσμένες ιδιότητες Ονόματα ιδιοτήτων με παύλες Πρόσβαση σε ιδιότητες μέσω μεθόδων Πίνακας CSS κλάσεων Προσθήκη CSS κλάσεων Αφαίρεση CSS κλάσεων Έλεγχος CSS κλάσεων Εναλλαγή CSS κλάσεων

Στυλισμός

Στυλισμός μέσω του χαρακτηριστικού style Στυλισμός ιδιοτήτων με παύλα Εξαίρεση κατά το στυλισμό στοιχείων Στυλισμός μέσω CSS κλάσεων Πλεονέκτημα του στυλισμού με CSS κλάσεις Εφαρμογή στυλισμού

Αναζήτηση

Εύρεση απογόνων στοιχείων Εύρεση γονέων στοιχείων Αναζήτηση όλων των γονέων στοιχείων Αναζήτηση γειτονικών στοιχείων Αναζήτηση στοιχείου με βάση το id Αναζήτηση στοιχείου με βάση το όνομα της ετικέτας Αναζήτηση στοιχείου με βάση το όνομα της κλάσης Αναζήτηση μέσα σε ένα στοιχείο

Κόμβοι

Εισαγωγή Διαδοχική επανάληψη κόμβων Όνομα κόμβων Τύπος κόμβων Κείμενο κόμβων

Φόρμες

Εργασία με textarea Απενεργοποίηση στοιχείων Εργασία με checkboxes Εναλλαγή χαρακτηριστικών χωρίς τιμές Εργασία με radio buttons Γεγονός change Γεγονός input Μέθοδοι focus και blur Πρακτική στην εύρεση λαθών

Πτυσσόμενα Μενού

Εργασία με πτυσσόμενα μενού Το χαρακτηριστικό value σε πτυσσόμενα μενού Αλλαγή του επιλεγμένου στοιχείου λίστας Αριθμός του επιλεγμένου στοιχείου λίστας Λήψη των στοιχείων του πτυσσόμενου μενού Στοιχεία ως πίνακας Εργασία με τα στοιχεία του πτυσσόμενου μενού Επιλογή στοιχείου λίστας Λήψη του επιλεγμένου στοιχείου

Αντικείμενο Event

Βασικές αρχές εργασίας με το αντικείμενο Event Συντεταγμένες συμβάντος Τύπος συμβάντος Στοιχείο συμβάντος Λήψη πατημένων πλήκτρων Παρακολούθηση πλήκτρων-τροποποιητών Ακύρωση προεπιλεγμένης ενέργειας Αναδίπλωση συμβάντων Στοχευμένο στοιχείο κατά την αναδίπλωση Διακοπή αναδίπλωσης συμβάντων Πολλαπλοί χειριστές σε στοιχείο Άμεση διακοπή αναδίπλωσης Εφαρμογή διακοπής αναδίπλωσης συμβάντων Κατάδυση συμβάντων Χειριστές σε νέα στοιχεία Ανάθεση συμβάντων Καθολική ανάθεση συμβάντων

Περιβάλλον

Βασικές αρχές εργασίας με το περιβάλλον Περιβάλλον μη δεσμευμένης συνάρτησης Απώλεια περιβάλλοντος Επίλυση του προβλήματος με το περιβάλλον Λύση μέσω μεταβλητής Λύση μέσω παραμέτρου Λύση μέσω συναρτήσης βέλους Μέθοδος call Μέθοδος call με παραμέτρους Μέθοδος apply Μέθοδος bind

Χρονόμετρα

Εκκίνηση χρονομέτρου Μετρητής σε χρονόμετρο Διακοπή χρονομέτρου Κουμπιά για εκκίνηση Πολλαπλή εκκίνηση Κουμπιά για διακοπή Εργασία με DOM Χρονόμετρα και απώλεια πλαισίου Πρακτική σε χρονόμετρα και DOM Καθυστέρηση πριν από την εκτέλεση Χρονόμετρο μέσω καθυστέρησης

Διαχείριση Στοιχείων

Δημιουργία και Εισαγωγή Στοιχείων Σύνδεση Γεγονότων κατά την Εισαγωγή Δημιουργία Στοιχείων σε Βρόχο Σύνδεση Χειριστών σε Βρόχο Αφαίρεση Στοιχείων Εισαγωγή στην Άκρη Εισαγωγή Πριν Γειτονική Εισαγωγή Γειτονική Εισαγωγή Ετικετών Κλωνοποίηση Στοιχείων Έλεγχος Στοιχείων

Πρακτική

Δημιουργία στοιχείων από πίνακα Πρακτική στη δημιουργία λιστών ul Δημιουργία πινάκων Διαδοχική πλήρωση πινάκων Δημιουργία πίνακα από πίνακα Δημιουργία πίνακα από πίνακα αντικειμένων Προσθήκη σειρών και στηλών σε πίνακα Τροποποίηση κελιών πίνακα Αφαίρεση νέων στοιχείων Σύνδεσμος για αφαίρεση στοιχείου Δημιουργία συνδέσμων για αφαίρεση Επεξεργασία μεμονωμένου στοιχείου Αποκρύπτουμε το κείμενο κατά την επεξεργασία Επεξεργασία σε σύνολο στοιχείων Αφαίρεση και επεξεργασία Στυλιστική επεξεργασία στοιχείων Κουμπιά για απόκρυψη και εμφάνιση στοιχείου Πολλά στοιχεία με κουμπιά εμφάνισης Ενεργοποίηση στοιχείων Εναλλαγή στυλ ενεργοποίησης Πρακτική στην αλλαγή στοιχείων

Συναρτήσεις και DOM

Συναρτήσεις για εργασία με στοιχεία DOM Συναρτήσεις για εργασία με ομάδα στοιχείων Περεταίωση callback για εργασία με DOM Περεταίωση τακτικού αριθμού στο callback Περεταίωση στοιχείου ως παραμέτρου συνάρτησης Περεταίωση ομάδας στοιχείων ως παραμέτρων Συνάρτηση για δημιουργία πινάκων HTML Επιστροφή πίνακα από συνάρτηση Συνάρτηση για δημιουργία πίνακα από πίνακα

Μονάδες μέσω κλεισίματος

Συγκρούσεις μεταβλητών Μονάδες μέσω κλεισίματος Πρακτική εφαρμογή Μετάδοση παραμέτρων Μετάδοση γονικού στοιχείου Μετάδοση ρυθμίσεων μονάδας Παράμετροι by default Εξαγωγή μεταβλητών και συναρτήσεων Εξαγωγή αντικειμένου σε μονάδες μέσω κλεισίματος Βιβλιοθήκες μέσω κλεισίματος
↑
Ελληνικά▼
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 για τη λειτουργία του ιστότοπου, την ανάλυση και την εξατομίκευση. Η επεξεργασία των δεδομένων γίνεται σύμφωνα με την Πολιτική Απορρήτου.
αποδοχή όλων ρύθμιση απόρριψη