|
|
VISITORS SINCE 27/07/2009=
39.
Η Εντολή If Else
<html>
<body>
<script type="text/javascript">
var d = new Date()
var
time = d.getHours()
if (time < 10) {
document.write("<b> Καλημέρα </b>")
}
else {
document.write("<b> Καλό Μεσημέρι </b>")
}
</script>
<p> Αυτό το παράδειγμα δείχνει την
εντολή If ... Else. </p>
<p>
Αν η ώρα στον
φυλλομετρητή είναι πριν
τις 10, θα
λάβουμε
τον
χαιρετισμό
"Καλημέρα", αλλιώς τον χαιρετισμό
"Καλό
Μεσημέρι". </p>
</body>
</html
>
40.
Οι Ένθετες Εντολές If
<html>
<head>
<script language = "JavaScript">
function MyFunction() {
var
dToday = new Date()
var
nDay = dToday.getDay()
if
(nDay == 0) {
alert("Είναι Κυριακή")
}
else {
if (nDay <= 5) {
alert("Είναι καθημερινή")
}
else {
alert("Είναι Σάββατο")
}
}
// end if
} // end MyFunction()
</script>
</head>
<body
onload="MyFunction()">
<p> Οι ένθετες εντολές if
είναι εντολές if μέσα σ άλλες εντολές if. Θα
πρέπει να είμαστε πολύ προσεκτικοί στη
χρήση των αγκυλών {
και }, δηλ. για το πού
αρχίζει και πού τελειώνει η ομάδα εντολών
του κάθε if ή του κάθε else. Προς τον σκοπό
αυτό,
αποτελεί πολύ καλή
τακτική η χρήση των σχολίων του τύπου // end if
και // end function, για να είμαστε σίγουροι για
το πού
τελειώνει ο κώδικας του κάθε if ή της κάθε
συνάρτησης κοκ.
</p>
</body>
</html>
41.
Οι Μέθοδοι getHours() και getDay()
<html>
<head>
<script
language = "JavaScript">
function
MyFunction() {
var
dToday = new Date()
var
nHours = dToday.getHours()
var nDay = dToday.getDay()
if
((nDay == 5) && (nHours >= 12)) {
alert("Είναι Παρασκευή
απόγευμα!")
}
else
{
if
((nDay ==6) || (nDay == 0)) {
}
else
{
}
}
// end if
}
// end function
</script>
</head>
alert("Hρθε
το Σαββατοκύριακο ")
alert("Aλλη
μια βαρετή μέρα!")
<body
onload="MyFunction()">
<p>
Η μέθοδος
getHours() του
αντικειμένου Date
επιστρέφει την
ώρα
ενός
αντικειμένου
ημερομηνίας, όπως είναι εδώ το αντικείμενο
dToday, σαν ακέραιο αριθμό, ενώ η μέθοδος
getDay () επιστρέφει την ημέρα
της εβδομάδας σαν ακέραιο αριθμό,
ξεκινώντας από
το 0 που παριστάνει την Κυριακή, το 1 που
παριστάνει τη Δευτέρα κοκ. </p>
</body>
</html
>
42.
Ο Τελεστής Ανισότητας
<html>
<head>
<script language = "JavaScript">
function
FunctionCheck() {
if
(document.form.character.value != "Α") {
alert("Η μεταβλητή δεν
είναι ίση με το \Α\")
}
else
{
alert("Η μεταβλητή είναι
ίση με το \Α\") } // end if
} // end function
</script>
</head>
<body>
<form
name="form">
Γράψτε
μόνο ένα γράμμα :
<input
type=text name="character" size=1><br>
<input type=button value="Κάντε
κλικ για έλεγχο" onClick= "FunctionCheck()"> </form>
<p> Για να βρούμε αν δύο
τιμές είναι άνισες, χρησιμοποιούμε τον
τελεστή σύγκρισης !=.
Για να εμφανίσουμε
ειδικούς χαρακτήρες, όπως είναι τα
εισαγωγικά () ή το (&) κ.ά., μέσα σε μηνύματα
alert box,
χρησιμοποιούμε τον χαρακτήρα \ πριν απ
αυτούς. </p>
</body>
</html>
43.
Οι Λογικές Τι΅ές και ο Τελεστής Αρνησης
<html>
<head>
<script
language = "JavaScript">
function CheckStatus(aStatus) {
if (!aStatus) {
alert("Η bStatus είναι ψευδής")
}
else
{
alert("Η bStatus είναι αληθής") } // end if
} // end function
</script>
</head>
<body>
<script language = "JavaScript">
var bStatus = true
</script>
<form
name="form">
Κάντε κλικ στο πλήκτρο εντολής για να
δείτε την τιμή της λογικής μεταβλητής
:
<input type=button value="Κάντε
κλικ για έλεγχο"
onClick= "CheckStatus(bStatus)">
</form
>
<p> Η JavaScript
χρησιμοποιεί τις λογικές τιμές true και false ,
όπως όλες οι γνωστές γλώσσες
προγραμματισμού.
Για
να πάρουμε
την αντίθετη
τιμή μιας
λογικήςμεταβλητής
χρησιμοποιούμε
τον τελεστή άρνισης ! πριν
από
το όνομα της μεταβλητής. </p>
</body>
</html>
44.
Ο Τριαδικός Τελεστής Σύγκρισης
<html>
<head>
<script language = "JavaScript">
function
MyFunction() {
var dToday = new
Date()
var
nSeconds = dToday.getSeconds()
var
sText = (nSeconds > 30) ? "περισσότερο" :
"λιγότερο"
alert("Πέρασε " + sText +
" από το μισό αυτού του λεπτού.") } // end function
</script>
</head>
<body
onload="MyFunction()">
<p>
Ο τριαδικός
τελεστής σύγκρισης
μάς είναι
γνωστός και
από τη γλώσσα
προγραμματισμού C και αποτελεί στην ουσία
έναν
σύντομο τρόπο γραφής της
εντολής if else. Η
παράσταση που βρίσκεται μέσα στις
παρενθέσεις ελέγχεται
αν είναι
αληθής
(true) ή
ψευδής (false )
και στην
πρώτη περίπτωση
καταχωρείται
στη μεταβλητή η τιμή που ακολουθεί
το σύμβολο
?, ενώ στη δεύτερη περίπτωση
καταχωρείται στη μεταβλητή η τιμή που ακολουθεί το
σύμβολο :. </p>
</body>
</html>
45.
Η Μέθοδος Random()
<html>
<body>
<script type="text/javascript">
var r=Math.random()
if
(r>0.5) {
document.write("<a href='http://www.line.gr'>\
Η Εταιρεία Line </a>")
}
else
{
document.write("<a href='http://www.florina.gr'>\
Μάθετε για τη Φλώρινα </a>")
}
// end if
</script>
<p> Η μέθοδος random() του
αντικειμένου Math παράγει έναν τυχαίο
αριθμό στο διάστημα 0 έως 1 και έτσι η
πιθανότητα να εκτελεσθεί
το if ή το else στον παραπάνω κώδικα είναι 50%. </p>
</body>
</html>
46.
Η Εντολή Switch
<html>
<body>
<script type="text/javascript">
var d = new
Date()
theDay
= d.getDay()
switch
(theDay) {
case
5:
document .write("Επιτέλους Παρασκευή!")
break
case
6:
document.write("Σούπερ Σάββατο !") break
case
0:
document.write("Κυριακή
για Ξεκούραση!") break
default:
document.write("Ανυπομονώ για
το Σαββατοκύριακο!") } // end
switch
</script>
<p> Αυτό το παράδειγμα
δείχνει την εντολή switch, που μας είναι κι
αυτή γνωστή από τη γλώσσα προγραμματισμού
C. Σύμφωνα με
τον παραπάνω κώδικα, θα
λάβουμε έναν διαφορετικό χαιρετισμό
ανάλογα με την ημέρα της εβδομάδας,
όπου
Κυριακή=0, Δευτέρα=1, Τρίτη=2 κλπ. </p>
</body>
</html>
47.
Ο Βρόχος For
<html
>
<body>
<script type="text/javascript">
for (i = 0; i <= 5; i++) {
document.write("Αριθμός
: " + i)
document.write("<br>")
} // end for
</script>
<p>
Επεξήγηση : </p>
<p>
Ο βρόχος for θέτει το <b>i</b> ίσο με 0.
</p>
<p> Όσο
το <b>i</b> είναι μικρότερο από ή ίσο με
5, ο βρόχος θα συνεχίσει να εκτελείται.
</p>
<p> Το <b>i</b>
αυξάνει κατά 1 κάθε φορά που εκτελείται ο
βρόχος. </p> </body>
</html
>
48.
Παράδειγ΅α ΅ε Βρόχους στα HTML Headers
<html>
<body>
<script type="text/javascript">
for (i = 1; i <= 6; i++) {
document.write("<h" + i + "> Επικεφαλίδα
: " + i) document.write("</h" + i + ">")
}
// end for
</script>
<p> Το
παράδειγμα αυτό
εμφανίζει όλες
τις επικεφαλίδες (headers) της
HTML , ξεκινώντας από την 1, που είναι και
η μεγαλύτερη σε
μέγεθος, μέχρι και την 6, που είναι η
μικρότερη σε μέγεθος.
</p>
</body>
</html>
49.
Ο Βρόχος While 1ο
Παράδειγ΅α
<html>
<body>
<script type="text/javascript">
i = 0
while
(i <= 5) {
document.write("Αριθμός : " + i) document.write("<br>")
i++
} // end while
</script>
<p>
Επεξήγηση : </p>
<p>
Το <b>i</b> γίνεται ίσο με 0. </p>
<p> Ενώ (while) το <b>i</b>
είναι μικρότερο από ή ίσο με 5, ο βρόχος θα
συνεχίσει να εκτελείται. </p>
<p> Το <b>i</b> αυξάνει κατά 1 κάθε
φορά που εκτελείται ο βρόχος. </p> </body>
</html
>
50.
Ο Βρόχος While 2ο
Παράδειγ΅α
<html>
<body>
<script type="text/javascript">
function MyFunction() {
var sWord = " "
while
(sWord != "Florina") {
sWord
= prompt("Γράψτε Florina για έξοδο", "")
}
// end while
alert("Ο βρόχος
ολοκληρώθηκε") }
// end function
</script>
<body
onload="MyFunction()">
<p> Σ
αυτήν την
περίπτωση του
βρόχου while περιμένουμε
από τον χρήστη
να καταχωρήσει κάτι σ ένα πλαίσιο
προτροπής (prompt )
και μόνο όταν αυτό που
καταχωρήσει ο χρήστης είναι ίσο με Florina ,
όπου παίζει ρόλο η αναγραφή πεζών
κεφαλαίων, τότε
μόνο θα τελειώσει ο βρόχος while και θα
εμφανισθεί το μήνυμα στο alert box.
</p>