Javascript – Βασικά της γλώσσας

Παρουσίαση με θέμα: "Javascript – Βασικά της γλώσσας"— Μεταγράφημα παρουσίασης:

1 Javascript – Βασικά της γλώσσας
Αντικείμενα – Συνθήκες - Βρόγχοι

2 Το αντικείμενο του πόθου
H Javascript βασίζεται σε αντικείμενα (object based) Αντικείμενο: κάτι που έχει ιδιότητες <script type="text/javascript"> str = 'Hello vre!!!'; alert(str.length); </script> Αντικείμενο: κάτι που έχει ενσωματωμένες συναρτήσεις alert(str.toUpperCase()); Το πλήρες σετ το βρίσκουμε (τεκμηρίωση / διαδίκτυο)

3 Χρήσιμα Αντικείμενα String Date Array Boolean Math Document

4 Ημερομηνία – τα βασικά Δημιουργία Πράξεις var twra = new Date();
var d1 = new Date("October 28, 1940"); var d2 = new Date(40, 09, 28); //!! Οι μήνες αρχίζουν από 0 !! var d2 = new Date(40, 09, 28, 11, 59, 59, 999); //παρατρίχα </script> Πράξεις var twra = new Date(); twra.setDate(twra.getDate()+5);

5 Πίνακες – τα βασικά Δημιουργία Διάβασμα Αλλαγή
<script type="text/javascript"> var emeis = new Array(); emeis[0] = "Kostas"; emeis[1] = "Takis"; emeis[3] = "Kostakis"; var eseis = new Array("Tasia", "Soula", "Tasoula"); var oialloi = ["Pouma", "Cheetah", "Parnithas"]; </script> Διάβασμα alert(emeis[1]); // θα δείξει Takis Αλλαγή alert(eseis[2]); // θα δείξει Tasoula eseis[2] = "Tasara"; alert(eseis[2]); // θα δείξει Tasara

6 Ασκήσεις Εμφανίστε σε ένα alert το ονοματεπώνυμό σας, την ημερομηνία γέννησής σας και την ημέρα που γεννηθήκατε (μέθοδος: getDay(), φέρνει τον αα της ημέρας) Φτιάξτε έναν πίνακα 5 θέσεων και γράψτε τις ημερομηνίες για φετινές αργίες. Φτιάξτε άλλον έναν πίνακα όπου καταγράφεται η μέρα που πέφτει η αργία. Εμφανίστε με alert τα πέντε ζευγάρια (1ο alert ημερομηνία 1ης αργίας, 2ο alert ημέρα της 1ης αργίας, 3ο alert ημερομηνία 2ης, 3ο alert ημέρα 2ης κ.ο.κ.)

7 Αποφάσεις: Αν if <script type="text/javascript"> var simera = new Date(); var twra = simera.getHours(); if (twra < 10) { document.write('<strong>Good morning</strong>'); } </script>

8 Αποφάσεις: Αν-αλλιώς If-else
<script type="text/javascript"> var simera = new Date(); var twra = simera.getHours(); if (twra < 10) { document.write('<strong>Good morning</strong>'); } else { document.write('<strong>Have a nice day</strong>'); } </script>

9 Αποφάσεις: Αν-αλλιώς αν-αλλιώς
if-else if-else <script type="text/javascript"> var simera = new Date(); var twra = simera.getHours(); if (twra < 10) { document.write('<strong>Good morning</strong>'); } else if (twra>20) { document.write('<strong>Good night</strong>'); } else { document.write('<strong>Have a nice day</strong>'); } </script>

10 Αποφάσεις: Επέλεξε switch
<script type="text/javascript"> var simera = new Date(); var mera = simera.getDay(); switch (mera) { case 6: document.write('<strong>Saturday!!!</strong>'); break; case 0: document.write('<strong>Sunday!!!</strong>'); break; default: document.write('<strong>Weekday :/</strong>'); break; } </script>

11 Ασκήσεις Βρείτε από το ίντερνετ αλγόριθμο υπολογισμού της ημερομηνίας του ορθόδοξου Πάσχα. Φτιάξτε συνάρτηση που θα το υπολογίζει αφού ζητήσει το έτος από το χρήστη.

12 Επαναλήψεις: Για for <script type="text/javascript"> for (i=0; i<=10; i++) { document.write('i is ' + i); } </script>

13 Επαναλήψεις: Επανέλαβε
while <script type="text/javascript"> var i = 0; while (i<=10) { document.write('i is ' + i); i++; } </script>

14 Επαναλήψεις: έξοδος και συνέχεια
break <script type="text/javascript"> for (i=0; i<=10; i++) { if (i==5) { break; } document.write('i is ' + i); } </script> continue <script type="text/javascript"> for (i=0; i<=10; i++) { if (i%2 == 0) { continue; } document.write('i is ' + i);

15 Ασκήσεις Βελτιώστε τον αλγόριθμο εμφάνισης της ημερομηνίας του Πάσχα ως εξής: το πρόγραμμα ζητάει επαναλαμβανόμενα από το χρήστη έτος και κάνει υπολογισμό - σταματάει αν δοθεί αρνητικό αριθμός.