IF – ELSE

Σε αυτό το παράδειγμα θα δούμε με ποιο τρόπο μπορούμε να δώσουμε στην Javascript όρους λειτουργίας της μορφής: Αν συμβαίνει αυτό κάνε το Α, διαφορετικά κάνε το Β.

Για να γίνει αυτό θα δημιουργήσουμε μια σελίδα με password. Όταν ο χρήστης δώσει το σωστό συνθηματικό τότε θα φορτώνεται μια άλλη σελίδα (φυσικά το παράδειγμα είναι απλοϊκό, όποιος δει τον source κώδικα της σελίδας μπορεί να δει και το password).

<HTML><HEAD><TITLE> If-then statements</TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
<BODY>

<A HREF="javascript:password()"><IMG SRC="pict1.gif" NAME="pic1" ALT="about us!" BORDER="0" align="left"></A> <H3>Click to enter a password protected document</H3> </BODY></HTML>

Το πρώτο κομμάτι κώδικα που πρέπει να δούμε είναι το:

Ret = prompt('Type the word eexi',"");

Αυτό λέει στον browser να εμφανίσει το prompt με αυτές τις ιδιότητες όταν ο χρήστης κάνει κλικ στην παραπομπή <A HREF="javascript:password()"> που καλεί την function με το όνομα password. Η παραπομπή γίνεται από γραφικό, αλλά θα μπορούσε κάλλιστα να είναι μια απλή παραπομπή κειμένου.

Ενδιαφέρον είναι να παρατηρήσουμε τα εισαγωγικά που ακολουθούν το 'Type the word eexi. Σε αυτά μπορούμε να βάλουμε ένα default password, που θα εμφανίζεται αυτόματα στο prompt π.χ. Ret = prompt('Type the word eexi',"eexi");

if(Ret=="eexi") {
location = 'reply.htm';
} else {
alert("Please try again")
}

Εδώ λέμε στην function πως αν η μεταβλητή Ret έχει την τιμή eexi τότε θα εκτελέσει μια ενέργεια (προσέξτε το διπλό = που σημαίνει ίδιο). Διαφορετικά θα εκτελέσει μια άλλη.

Στην περίπτωση που Ret == eexi φορτώνουμε μια νέα web σελίδα. Διαφορετικά εμφανίζουμε ένα μήνυμα στο alert box.

Εκτός από τον τελεστή == πολύ δημοφιλείς είναι και οι μαθηματικοί τελεστές. Για παράδειγμα μπορούμε να έχουμε μια φόρμα όπου ο χρήστης δίνει την ηλικία του. Αν ονομάζουμε το input box age τότε με ageinput=form.age.value παίρνουμε την ηλικία του χρήστη και με ένα if (age>=18) βγάζουμε ένα μήνυμα σχετικό με την ηλικά του ενήλικα χρήστη.

AND και OR

Με ανάλογους τρόπους συντάσσονται και οι τελεστές AND (γράφεται &&) και OR (γράφεται ||).

if (Age >= 65 && BusPass == false) {

alert("Pensioners - Get your free bus pass now!")

}

if (Age >= 65 || BusPass == false) {

alert("Pensioners - Get your free bus pass now!")

}

IF – ELSE

AND και OR

Τρέχουσα Ενότητα: Javascript